From 3a51b7c06608e5198ccd31e1f6ebfd39a2c035b5 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 13 Mar 2023 20:25:32 +0100
Subject: [PATCH] Squashed commit of the following:
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

commit c7dcfac883a34655421932258d3d5a3b0ee96362
Author: Theodore Brown <theodorejb@outlook.com>
Date:   Mon Mar 13 12:21:51 2023 -0500

    fix: select option with selected attribute when initial state is undefined (#8371)

    Resolves a second unintended regression introduced in #6170.

    Follow-up to #8331, this time addressing the root issue so the correct select option won't be deselected in the first place when the initial bound value is undefined.

    Fixes #8361

commit 5c14bc5f0133cf6ae7d96d30f5cc6824e9f006aa
Author: Lyu, Wei-Da <36730922+jasonlyu123@users.noreply.github.com>
Date:   Fri Mar 10 16:47:30 2023 +0800

    fix: support es2022 class features (#8355)

    Follow up to #8349. We also have to bump the parsing ECMAScript version here. Fixes #6900, fixes #6592.

commit e2fe8ab46966a7c3a6702e7e5f71ac316c553288
Author: Conduitry <git@chor.date>
Date:   Thu Mar 9 19:31:19 2023 -0500

    -> v3.56.0

commit 80e6e2820408bdd1752cc1b866d106ad6c1d8824
Author: Conduitry <git@chor.date>
Date:   Thu Mar 9 05:04:38 2023 -0500

    chore: mark Promise.resolve() as pure to appease Agadoo (#8366)

commit f9efb4d9920ff76b4b22bec8443ee2049a05cf26
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Wed Mar 8 09:56:24 2023 -0800

    chore: upgrade aria-query (#8353)

commit 757a81ac6db186b707fceb2a4be37b852a99102f
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Wed Mar 8 08:50:11 2023 -0800

    chore: upgrade dependencies (#8352)

commit 11af8509242956d5414fd8dc3205a40855437ab5
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Mon Mar 6 09:41:38 2023 +0100

    fix: correct meta attributes

    fixes https://github.com/sveltejs/language-tools/issues/1917

commit c6d6a73b9d5b34ab84fa0febcf70c06a2bd7b08e
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Fri Mar 3 23:18:55 2023 -0800

    chore: upgrade rollup plugins (#8350)

commit b336b162041d4f33252e12f15c98d89ecf2dcf23
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Fri Mar 3 23:18:25 2023 -0800

    chore: upgrade to code-red 1.0 (#8349)

commit 5b2fa1f24750b77b83dcac831978efc93a6451fc
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Thu Mar 2 11:10:12 2023 -0800

    chore: upgrade magic-string (#8339)

    - overwrite -> update
    - update comments

commit 0966d1d282b04cec6f3b0d34a4ba73dae2d08d56
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Fri Mar 3 02:57:38 2023 +0800

    feat: improve `bind:group` behavior (#7892)

    track all `#each` variables that could result in a change to the inputs and also update the `$$binding_groups` variable which holds the references to the inputs of each group accordingly.

    Fixes #7633
    Fixes #6112
    Fixes #7884

commit 6476e9b34fa1bf8510082191f5c067c1fa25b3f1
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Thu Mar 2 16:57:36 2023 +0100

    fix: add visibility event to types

commit e2b9df1888775bd5d7349fb81c1e7038942c038c
Author: Brandon McConnell <brandon@dreamthinkbuild.com>
Date:   Thu Mar 2 06:38:43 2023 -0500

    docs: update 06-accessibility-warnings.md (#8342)

    Convert recommended events to use Svelte syntax, and include deprecation warning re https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event

commit d525901556bfc5575150ccd6b198a413dfff1bb3
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Thu Mar 2 16:24:33 2023 +0800

    fix validation for global compound selector (#8344)

commit fbaf3cfc1249645e7f0cc49fa3caab0a4ed6433e
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Thu Mar 2 00:28:37 2023 +0800

    fix: call `<svelte:component>` update to `this` only when it's dirty (#4192)

    Closes #4129

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
    Co-authored-by: Simon Holthausen <simon.holthausen@vercel.com>

commit 311193f1d7dd7f04904567660b997f38c7b32e5b
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Wed Mar 1 15:49:18 2023 +0100

    chore: update changelog

commit c0bc86e214ca0130b78bd714f5495e945b1a6c53
Author: Dane David <dndavid102@gmail.com>
Date:   Wed Mar 1 14:45:50 2023 +0100

    feat: support exclusively special characters in component filenames (#7664)

    Fixes #7143

    ---------

    Co-authored-by: Tan Li Hau <tanhauhau@users.noreply.github.com>
    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit dd371f58fe4c472ebce9c33c942f572fc58415c8
Author: Brad Dougherty <me@brad.is>
Date:   Wed Mar 1 05:54:00 2023 -0500

    feat: add readyState binding for media elements (#6843)

    Closes #6666

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

commit c611f318d2fcc951f05df3cb17db95d60e34609b
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Wed Mar 1 18:51:40 2023 +0800

    feat: add stopImmediatePropagation event modifier (#8341)

    Closes #5085

    ---------

    Co-authored-by: Marcin Wicha <23581770+marcin-wicha@users.noreply.github.com>
    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

commit acbf8135a8a905bc84078cd2145b83d52b325410
Author: Roy Choo <roychoo@hotmail.com>
Date:   Wed Mar 1 18:28:59 2023 +0800

    fix: add global compound selector validation (#6322)

    fixes #6272
    prevents invalid CSS output

    ---------

    Co-authored-by: Roy Choo <roy.choo@bytedance.com>
    Co-authored-by: tanhauhau <lhtan93@gmail.com>
    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

commit ed575cc9270b92564d8e0bec86aa88d0412af9ac
Author: Nguyen Tran <88808276+ngtr6788@users.noreply.github.com>
Date:   Wed Mar 1 05:06:15 2023 -0500

    fix: make svelte-ignore work above components  (#8338)

    Fixes #8082, where svelte-ignore somehow does not pick up the reactive-component warning.

    The issue on this problem is that the map_children function suppresses warnings and errors while traversing AST nodes as src/compiler/compile/nodes classes. However, the reactive-component warning is called in src/compiler/compile/render_dom/wrappers/InlineComponent/index.ts, and its warnings are not suppressed in map_children. Thus, we need to extract ignores and suppress here separately.

commit dc36d0c9afc352587a0e512aac7704c734390e92
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Tue Feb 28 22:42:59 2023 +0100

    fix: typings for naturalWidth/Height bindings

    follow-up to #7857

commit b5b0d1f2d4eeb2c5b0fc22ed3f38a22eff06e1bb
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Tue Feb 28 22:39:23 2023 +0100

    chore: update changelog

commit 6ec5a0ed2450db94d1873b09841f2092f15d79a2
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Tue Feb 28 18:40:23 2023 +0100

    chore: update changelog

commit f34abc568920265b848228c32d67eae10f1b589f
Author: xxkl1 <84455605+xxkl1@users.noreply.github.com>
Date:   Wed Mar 1 01:21:39 2023 +0800

    fix: decode html entities correctly (#8047)

    fixes #8026

    1. replace the big entities list with entities that have a ; at the end where valid (there are some exceptions)
    2. construct two regexes from that entities list: one for HTML where it's strictly matched, one for attributes where it tries to match browser behavior by also allowing = / digit / character afterwards
    3. decode character references with one of these regexes depending on this is an attribute value or not

    ---------

    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit aa15a64cbefff009073fc298b5df679bf385f9c8
Author: lidlanca <8693091+lidlanca@users.noreply.github.com>
Date:   Tue Feb 28 12:16:55 2023 -0500

    fix: account for `<template>` tag in `{@html}` (#7364)

    Ensure innerHTML for template is done on template element
    fixes #7315
    fixes #7319

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

commit dc7fd76e53986238228ddad20fbc536de17568e3
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Wed Mar 1 00:03:06 2023 +0800

    Update CHANGELOG.md

commit 60db05da86bf65e9b8e710b72b2d81c9efac2441
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Tue Feb 28 17:01:40 2023 +0100

    fix: hide some a11y warnings for `<svelte:element>` tags (#8335)

    Some a11y warnings only work on specific tags, which results in potential false positives for `<svelte:element>` tags - silence those
    closes #7939

commit f1c9168aefcd46501f99359b880ded1f81b007ed
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Tue Feb 28 23:59:11 2023 +0800

    Update CHANGELOG.md

commit f6dc86f02c782174071fa77493a3058c681b8f8b
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Tue Feb 28 23:57:45 2023 +0800

    feat: optimise svelte-element output code for static tag and static attribute (#8161)

    * feat: optimise svelte-element output code for static tag and static attribute

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

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

    * Update src/runtime/internal/dom.ts

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

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

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

    * fix logic

    * fix pipeline errors

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

commit d4363510fc3752f5e49b7ac1757713488990b72b
Author: Invader Zim <85027668+zim0369@users.noreply.github.com>
Date:   Tue Feb 28 14:14:39 2023 +0530

    docs: add console output instruction to tutorial (#8336)

commit c7bbe55b9f6edda0fb8e1974c47d6260489dbdad
Author: Theodor Steiner <40017636+Theo-Steiner@users.noreply.github.com>
Date:   Tue Feb 28 01:58:23 2023 +0900

    feat: introduce axis parameter to allow for horizontal slide transition (#6183)

    ---------

    Co-authored-by: Tan Li Hau <tanhauhau@users.noreply.github.com>

commit b5ec863a0ea4ed7334b46850f68d9942cdaa333a
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Mon Feb 27 17:13:50 2023 +0100

    chore: update changelog

commit 32a94fcfc5b119d8cc142d6489e308381f26ccc2
Author: Cory Virok <coryvirok@users.noreply.github.com>
Date:   Mon Feb 27 07:32:45 2023 -0800

    chore: implemented a small runtime optimization for SSR (#7539)

    Prior to this change, the compiler would generate a template literal that had many purely static
    string variables nested within it. This change collapses these static strings into the surrounding
    template literal which should result in (minor) size and performance improvements for the SSR
    generated code.

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
    Co-authored-by: Simon Holthausen <simon.holthausen@vercel.com>

commit fc5f6298129c04214110abb9e5d9046d32691c07
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Feb 27 22:04:20 2023 +0800

    Update CHANGELOG.md

commit 4e8efd3c1e3002a894910cfad6a3389257cb7434
Author: David Hunt <davidhuntatwork@gmail.com>
Date:   Mon Feb 27 06:02:34 2023 -0800

    fix: fixes sveltejs/svelte#8214 `bind:group` to `undefined` (#8215)

    * fixes sveltejs/svelte#8214 bind:group to undefined

    * fix code and add test

    ---------

    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit 26104eaaba38ad1e14221870c2c97d00f51ef868
Author: Vaibhav Rai <raivaibhav08@gmail.com>
Date:   Mon Feb 27 18:15:14 2023 +0530

    fix: no error assigning to a `const` property (#7966)

    Fixes #7964
    currently for a case where the parent type is ArrayPattern code needs to check if the elements are of direct type MemberExpression or Identifier, in the case of MemberExpression there will be an Identifier check for the Object of the MemberExpression.

    ---------

    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit 9edd2df0d36c302feec36ba2851268def850389c
Author: 4eb0da <4eb0da@users.noreply.github.com>
Date:   Mon Feb 27 15:36:57 2023 +0300

    fix: check each_blocks is empty on mount (#7505)

    fixes #8282

commit 474a13ad90460ea5a9073fa7198c09229f029129
Author: Nico Beierle <nico.beierle@gmail.com>
Date:   Mon Feb 27 13:25:24 2023 +0100

    fix: prevent undefined value when remount keyed input element with spread props (#7699)

    Fixes: #7578

    When remounting a keyed input element (e.g. because the element order has changed) with spread properties, the input value gets undefined. This has happened because data_value is updated before remounting and it won't contain a value for input-value (because the value hasn't changed). When calling mount() an undefined value was assigned because of a missing check.

commit 8cf037c90461c5ce2fb0f0c552868d045d5c9b3f
Author: Theodore Brown <theodorejb@outlook.com>
Date:   Mon Feb 27 06:11:06 2023 -0600

    fix: select first enabled option by default when initial value is undefined (#8331)

    Fixes an unintended regression introduced in #6170.

    Fixes #7041

commit 69c199feac727e8f647dff220b17df5422401711
Author: adiGuba <frederic.martini@gmail.com>
Date:   Mon Feb 27 13:10:22 2023 +0100

    fix: race condition in `svelte:element` with transition #7948 (#7949)

    fixes #7948
    - The assignment of the variable "previous_tag" was incorrectly positioned and could cause race condition when used with transitions.
    - We need another variable to detect when we are in a transition to remove a node

    ---------

    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit 60a205edb8ac8ee6022eae968b5f53893445b137
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Mon Feb 27 21:00:35 2023 +0900

    fix: don't set selected option(s) if value is unbound or not passed (#8329)

    fix: #5644

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

commit b56dfe51a8a9e753a456ba152e9f71c8d4eb5bed
Author: Nguyen Tran <88808276+ngtr6788@users.noreply.github.com>
Date:   Mon Feb 27 06:28:59 2023 -0500

    feat: add a11y `role-supports-aria-props` (#8195)

    #820

    ---------

    Co-authored-by: Simon Holthausen <simon.holthausen@vercel.com>

commit 5f99ae76ce4ad1b1be2a08a19a93a44178720523
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Mon Feb 27 19:40:24 2023 +0900

    chore: Reduce number of lines of expected files (#8325)

    - removes character and pos from the expected output to reduce noise
    - adds a test that pos/character are correct

commit 636290af954a2b37a263b35c6deb69f149b59905
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Mon Feb 27 11:33:45 2023 +0100

    fix: remove indeterminate from boolean attributes (#8334)

    It's only existing as a boolean property
    cleanup of #7944

commit 3423bf6b307d11a44f6a9a71f988e32e198a360e
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Sun Feb 26 23:40:36 2023 +0900

    add docs (#8326)

commit 79c64df41bfc907d5d65aea6e0add1f3b9441c9d
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Sun Feb 26 22:37:15 2023 +0800

    Update CHANGELOG.md

commit 1f3d2f7646190213e83936146e16ca2eb2f650b0
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Sun Feb 26 23:35:00 2023 +0900

    fix: better handling of inert attribute (add tests) (#7944)

    * add inert to attribute_lookup

    * typed for preventing a repeat of the tragedy

    * add tests

    * revert unnecessary change

    * add more test

    ---------

    Co-authored-by: fcrozatier <frederic.crozatier@protonmail.com>

commit ca531519a8927a8d7cc227ab56efafcf6bc9a3c8
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Fri Feb 24 15:50:22 2023 -0800

    chore: switch to @jridgewell/sourcemap-codec (#8321)

commit d16dd5d7caa9e9d992bcd765d980ebc23d796528
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Fri Feb 24 21:20:44 2023 +0800

    feat: add naturalWidth and naturalHeight bindings (#7857)

    Closes #7771
    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
    Co-authored-by: Simon Holthausen <simon.holthausen@vercel.com>

commit ba8f979f03da248aa081c7208e0bfcaf63b73a06
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Thu Feb 23 18:49:49 2023 +0100

    chore: update changelog

commit 487fedce6c3c4ef817682c904a17a80989db1cd8
Author: Mike Randazzo <slashrandazzo@gmail.com>
Date:   Thu Feb 23 04:46:08 2023 -0800

    docs: describe that `bind:value` creates a two-way binding (#8311)

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

commit 835362af88fea76b376d31a994690fb58f12591b
Author: Hong-Kuan Wu <whk0313@gmail.com>
Date:   Thu Feb 23 19:36:27 2023 +0800

    fix: check url and search input field values before updating (#7111)

    Fixes #7027

commit 9f89a92d31156502c0b04ec6dd53952face37ca7
Author: Alvin Ramskogler <62756994+blaumeise20@users.noreply.github.com>
Date:   Thu Feb 23 11:17:34 2023 +0000

    feat: add `readonly` method to convert writable store to readonly (#6518)

commit 0bdb59c2e2b7664db0ca4bcd9bf7f3934273ae14
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Thu Feb 23 12:03:29 2023 +0100

    fix: compute rect directly before crossfading (#8314)

    closes #4344
    fixes #4111

commit e5b0b6235dbc3483a1d1feb3fe8abf12f13bebd8
Author: Jos de Jong <wjosdejong@gmail.com>
Date:   Thu Feb 23 12:03:12 2023 +0100

    fix: ensure `bind:offsetHeight` updates (#8096)

    fixes #4233 by calling the callback after the iframe loads, which may be asynchronous

    ---------

    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit 709264a94cbd29093349ac86e3edd0acc6af46b0
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Wed Feb 22 20:08:46 2023 +0100

    chore: update changelog

commit 53de73d08cdf2fb62dca7949767f120f3fac9629
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Thu Feb 23 03:02:42 2023 +0800

    feat: simpler output for reactive vars if dependencies are all static (#7942)

commit c9a269c149cf968e5e21946fff8a3d14fa972058
Author: Vaibhav <vibovenkat@gmail.com>
Date:   Wed Feb 22 10:19:33 2023 -0600

    fix: silence no content a11y warning if the tag has an aria-label (#8299)

    fixes #8296

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

commit 35599972233dceee9d2074ad85ebac9f5a43730a
Author: ngtr6788 <88808276+ngtr6788@users.noreply.github.com>
Date:   Wed Feb 22 11:14:21 2023 -0500

    feat: implement a11y `aria-activedescendant-has-tabindex` (#8172)

    #820

commit a71b8b99585bd636dd0e3ea250c9a092afb0533d
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Wed Feb 22 16:18:36 2023 +0100

    chore: improve parser performance (#8303)

    - fast path for attribute quote marks common case
    - all regexes exclusively passed into read or match_regex which are only successful if matched at the beginning are altered so that the regex has this condition built in, preventing it from searching past the start index

    ---------

    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit e3e912ab58033c8f4e2b669bc923e2ce30134b8f
Author: brunnerh <brunnerh@users.noreply.github.com>
Date:   Wed Feb 22 09:51:26 2023 +0100

    Fix accessibility of options tutorial. (#8308)

    Use button instead of non-interactive element (div).
    (Removes a Svelte a11y warning.)

commit a0cedf8d82279113ef86ebc4dc77b6ec6cb609db
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Wed Feb 22 17:46:49 2023 +0900

    fix: flush remaining `afterUpdate` before `destroy` (#7516)

    fixes #7476

commit 57d869d0289e24bf564ad76b62597846d27c4611
Author: Rémi Marche <35939574+ecstrema@users.noreply.github.com>
Date:   Tue Feb 21 20:00:15 2023 +0100

    [docs] move `@html` tutorial to end (partly fixing #7253) (#7254)

    * Move @html tutorial to end

    * move debug and html tag into one section

    * rename

    ---------

    Co-authored-by: Rémi Marche <35939574+Marr11317@users.noreply.github.com>
    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
    Co-authored-by: Simon Holthausen <simon.holthausen@vercel.com>

commit 87424b3137557ac33479d7c814c017b546b6464b
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Tue Feb 21 18:14:15 2023 +0100

    chore: update changelog

commit aa9b2dd5f3c54ae9918ec6659760cfaf1f7d8892
Author: Carlos Ivanchuk <105121122+buhodev@users.noreply.github.com>
Date:   Tue Feb 21 12:27:49 2023 -0400

    fix: omit a11y warning on `<video>` when `aria-hidden="true"` (#7880)

    Related to #5967. Closes #7874

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit 2a5b48838648305b933de9d9ab5c9654ca24848a
Author: Valter Kraemer <valterkraemer@users.noreply.github.com>
Date:   Tue Feb 21 16:21:48 2023 +0200

    fix: empty value attribute selector doesn't produce "Unused CSS selector" warning (#8122)

    Fixes: #8042

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit f6ef6a9349a04cc8cab1dbb091c34621a2eace8f
Author: Ben Bucksch <1907525+benbucksch@users.noreply.github.com>
Date:   Tue Feb 21 13:52:39 2023 +0100

    fix: don't throw when calling writable() unsubscribe twice (#8186)

    Fixes one case of #4765

    ---------

    Co-authored-by: Ben Bucksch <bbucksch@jw.org>
    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit 85f882f23dda881c2478f7828a82065aca6bbeb7
Author: Jhorman Ruswel ㅠㅠ <jhormanrus@gmail.com>
Date:   Tue Feb 21 07:13:50 2023 -0500

    docs: update Keyed Each Blocks tutorial (#8188)

    log which element is removed

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

commit 324b791d81203546d11af2a3d1062353c1b5b8b7
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Tue Feb 21 13:04:12 2023 +0100

    docs: note #if to wrap text only

    taken from #7070

commit 213049cc2e6dfddb872c2286a2a8e5f00c22d73e
Author: Hyunbin <47051820+hyunbinseo@users.noreply.github.com>
Date:   Tue Feb 21 20:07:33 2023 +0900

    docs: update dialog example (#8200)

    * feat: update dialog example

    * button always autofocusses, allows us to simplify

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

commit 7a6eee51e02c59cb2ae9d6276c19531ccf7fee6c
Author: Mike Plummer <mike-plummer@users.noreply.github.com>
Date:   Tue Feb 21 04:54:00 2023 -0600

    docs: Expand testing FAQ section (#8205)

    ---------

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>

commit 4dd12c0c61c647a9c5fafc4bde05c1bf7bcb8c1c
Author: Maxime Dupont <m.dupont103@gmail.com>
Date:   Tue Feb 21 11:33:01 2023 +0100

    docs: fix fly animation description (#8236)

commit d5e46d647ee3f16945c3f475c8265f2e3e121875
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Tue Feb 21 11:24:53 2023 +0100

    chore: update changelog

commit b0fed256f71aeaed9a0dac3cde81f6d98ee0724b
Author: Andrew Walker <axwalker@users.noreply.github.com>
Date:   Tue Feb 21 10:23:13 2023 +0000

    feat: Add -replacestate/-keepfocus to SvelteKit anchor tag props (#8281)

commit 5a3a1e488a2df94c1d56a04429015ad7125b9b23
Author: Lioness100 <jchickmm2@gmail.com>
Date:   Tue Feb 14 13:36:48 2023 -0500

    fix: correct typos in variable names (#8257)

    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>

commit acba4b72e23c90939ca8c39a22aca185d588aa1b
Author: James Scott-Brown <james@jamesscottbrown.com>
Date:   Tue Feb 14 18:04:49 2023 +0000

    docs: clarify bindings for `<select multiple>` (#8260)

    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>

commit d9253963f79d2066edd164580a684cd066042638
Author: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date:   Tue Feb 14 09:05:19 2023 -0800

    Bump qs from 6.5.2 to 6.5.3 (#8090)

    Bumps [qs](https://github.com/ljharb/qs) from 6.5.2 to 6.5.3.
    - [Release notes](https://github.com/ljharb/qs/releases)
    - [Changelog](https://github.com/ljharb/qs/blob/main/CHANGELOG.md)
    - [Commits](https://github.com/ljharb/qs/compare/v6.5.2...v6.5.3)

    ---
    updated-dependencies:
    - dependency-name: qs
      dependency-type: indirect
    ...

    Signed-off-by: dependabot[bot] <support@github.com>
    Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

commit 0598c989a03f1a5c7b67f2dac9dc09de7c42c34a
Author: Alicia Sykes <alicia@omg.lol>
Date:   Tue Feb 14 16:57:07 2023 +0000

    docs: corrects syntax error in transition code sample (#8169)

    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>

commit d7e4b1c8fc91bbfc53d72165cc80390502540313
Author: Kyrre Gjerstad <98534972+kyrregjerstad@users.noreply.github.com>
Date:   Tue Feb 14 17:25:23 2023 +0100

    docs: fix minor typos (#8268)

    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>

commit ff5c14dc71ead7834b6f0ce3ee8f63f6185ce777
Author: James Scott-Brown <james@jamesscottbrown.com>
Date:   Tue Feb 14 16:19:57 2023 +0000

    docs: format `window.navigator.onLine` reference as code (#8262)

commit 7706a5f7138ef07bfc67a8366f910427994a087f
Author: James Scott-Brown <james@jamesscottbrown.com>
Date:   Tue Feb 14 16:18:06 2023 +0000

    docs: link to MDN page on void elements (#8261)

commit 82d2982845df188631993db6b18c2842e3613acf
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Sun Feb 5 06:20:51 2023 -0800

    chore: update PR template (#8255)

commit 6ac24f1d5c9174b161bb6e27743c84c0a117ea7f
Author: Satvik <satvikgsu@gmail.com>
Date:   Sun Feb 5 07:00:54 2023 -0500

    [docs] add missing semicolon (#8190)

commit cb972ecdba92326e67c6cc37f672c58b88fdc3a5
Author: Tim McCabe <me@timmcca.be>
Date:   Sun Feb 5 06:23:43 2023 -0500

    [chore] fix `a11y-no-nointeractive-tabindex` typo (#8252)

commit e875a76ad1675c21aea0911a8b32c8ad3abc070b
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Sat Jan 28 08:51:35 2023 -0800

    update changelog

commit 34ae6aaf1f3279e2c0f0515f64db59d31ecb46f9
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Sat Jan 28 08:50:14 2023 -0800

    fix: make `noreferrer` warning less zealous (#8230)

    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit eb90a15c2959d0d02ee27b4920dc1f197b77b70a
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Fri Jan 27 16:27:19 2023 -0800

    update changelog

commit 4f42daeff78a98877d58dff49b6e05b3a4ae0f73
Author: Jay Harris <jay.harris@outlook.co.nz>
Date:   Sat Jan 28 13:25:04 2023 +1300

    feat: `trusted-types` CSP compatibility for Web Components (#8135)

commit 79fa5b36a1b0d90407d1bf6b1d6b2504427f3f96
Author: Gabriel Francisco <gabrinelson27@gmail.com>
Date:   Fri Jan 27 13:22:52 2023 -0300

    Update license year (#8227)

commit 967e9f51ff649f776fa034db8aba23a5a1546294
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Thu Jan 12 11:11:14 2023 +0900

    chore: add Node18 for CI (#8078)

commit 3b3e1c839c9991559547ca3e203d2282d4f90c36
Author: Conduitry <git@chor.date>
Date:   Tue Jan 10 12:17:09 2023 -0500

    -> v3.55.1

commit 492d7d6f67ba3a065651f860fdcca477df0d1d04
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Tue Jan 10 09:41:59 2023 +0100

    update changelog

commit b06e4356848ab3375797e634fd6c6114a9643252
Author: Emil Tholin <emtholin@gmail.com>
Date:   Tue Jan 10 09:39:50 2023 +0100

    [fix] Spread component props immutably during SSR (#8176)

    By passing an empty object literal as first argument to Object.assign we can avoid having objects spread as props on a component being mutated during SSR.

    Fixes #8171

commit aa98397440baa06743cead6a2955e98b75ee4515
Author: Josh <44098505+josh-fnbtech@users.noreply.github.com>
Date:   Tue Jan 10 02:38:47 2023 -0600

    [docs] fix typo (#8180)

commit be38cec3c10b83f76450c9125fa778c8af6453f7
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Tue Jan 10 09:38:16 2023 +0100

    update changelog

commit 7e6acbece31fbd68e2c07e37f3c849c405eb6983
Author: Chris Reade <christopher.reade@gmail.com>
Date:   Tue Jan 10 00:36:51 2023 -0800

    [fix] Adding part HTML attribute to typings (#8182)

    fixes #8181

commit f0dcf1416ccf3dbc53d0684df16ed4f79917b103
Author: cunzaizhuyi <877824709@qq.com>
Date:   Tue Jan 10 00:37:28 2023 +0800

    [chore] shorten import statement (#8178)

commit 1f8e53a37ff8dba1d8001709e9ac809dca07f73a
Author: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date:   Mon Jan 9 08:35:13 2023 -0800

    Bump json5 from 1.0.1 to 1.0.2 (#8175)

    Bumps [json5](https://github.com/json5/json5) from 1.0.1 to 1.0.2.
    - [Release notes](https://github.com/json5/json5/releases)
    - [Changelog](https://github.com/json5/json5/blob/main/CHANGELOG.md)
    - [Commits](https://github.com/json5/json5/compare/v1.0.1...v1.0.2)

    ---
    updated-dependencies:
    - dependency-name: json5
      dependency-type: indirect
    ...

    Signed-off-by: dependabot[bot] <support@github.com>

    Signed-off-by: dependabot[bot] <support@github.com>
    Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

commit dd11917fe523a66d8f5d66aab8cbcf965f30f25f
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Tue Jan 3 12:49:02 2023 +0900

    Update CHANGELOG.md

commit 4b84c4df3a8c07f0a992e255350eb97db36c5cf6
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Tue Jan 3 12:48:06 2023 +0900

    [fix] Improve `is_promise` handling (#8162)

    * correctly handle promises that are of function type

    * add License

    Co-authored-by: Vilsol <me@vil.so>

commit e1a1c7fa87aca46d5cf5ac68596df01631da585d
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Mon Jan 2 15:55:14 2023 +0900

    [chore] Fix CI (#8160)

    * ci build

    * fix test

    * add test for #7938

commit 26c0d3f17d067fa5eab6e980dbeda5733b8998dd
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Mon Jan 2 15:47:14 2023 +0900

    Update CHANGELOG.md

commit 762d0429b1fd2c3743fe7836108b3c1c557db750
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Mon Jan 2 06:51:01 2023 +0100

    [fix] propagate bindings correctly (#8114)

    Fixes #8103 introduced through #7981
    Keeps the infinite loop from happening but reopens #6298 and #5689

commit 1d658e75012a361de6f6ae841995d423fb8d4e30
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Jan 2 10:51:01 2023 +0800

    Update CHANGELOG.md

commit c9e98e6bbaed9b33df8087567235de9a54fdc537
Author: Mathias Picker <48158184+MathiasWP@users.noreply.github.com>
Date:   Mon Jan 2 03:48:34 2023 +0100

    [fix]: remove double up initialization on svelte:element (#8142)

    * fixed double up initialization on svelte:element elements

    * updated test and fixed bug

    * update other svelte:element test

    * removed whitespace

    * refactor

    * correctly update expected ouput resulting from #7938

    * remove .solo

    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit 14d09a085036858de93148d283e4096d3cd39e53
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Jan 2 10:26:58 2023 +0800

    Update CHANGELOG.md

commit 1f021226c5df92e0685cce806918b8953e521a2a
Author: Ming07 <q502489978@live.com>
Date:   Mon Jan 2 10:23:35 2023 +0800

    [fix] named slots breaks svelte-ignore comments (#8105)

    * [fix] Named slots breaks svelte-ignore comments

    Fixes #8075

    * test: add tests

    * refactor

    * refactor test

    Co-authored-by: mojinming <mojinming@cmcm.com>
    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit 4f365f017174c3f9356c9987204e7f760aafcb13
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Jan 2 10:20:38 2023 +0800

    Update CHANGELOG.md

commit a5d6713c8edff97bdcc01b4dda13c16579294acf
Author: Gus Wezerek <gwezerek@gmail.com>
Date:   Sun Jan 1 19:18:52 2023 -0700

    Fix bug with transition draw when delay is passed (#8094)

    Signed-off-by: Gus Wezerek <gustav.wezerek@nytimes.com>

    Signed-off-by: Gus Wezerek <gustav.wezerek@nytimes.com>
    Co-authored-by: Gus Wezerek <gustav.wezerek@nytimes.com>

commit 094483b397829d2c7633f7f6bc278e5ecfd0868a
Author: wackbyte <wackbyte@pm.me>
Date:   Mon Jan 2 01:39:55 2023 +0000

    [fix] say "nonnegative" instead of "positive" tabIndex for `a11y-no-noninteractive-tabindex` (#8126)

commit 06648d1f65ff9a9fc8392dd5c49ab5753b20abce
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Sun Jan 1 16:43:46 2023 +0800

    Update CHANGELOG.md

commit f84c00edb9aab75c939963332da57af0e82894f3
Author: Ramon Snir <r@mon.dev>
Date:   Sun Jan 1 03:41:00 2023 -0500

    [fix] static svelte:element not replaced with tag in production mode (#7938)

    * [fix] static svelte:element not replaced with tag in production mode

    * [fix] static svelte:element not replaced with tag in production mode

    * add optimization of static <svelte:element> and fix a bug

    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit de6821a1de6574b1aa987944fe9a5f0b5f7724bb
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Sat Dec 31 10:13:52 2022 +0900

    [ chore] disable puppeteer on Linux for Node8 and 10 (#8155)

commit b8f32c0b1a295fd56c7c04683402968f32f01597
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Thu Dec 22 17:47:52 2022 +0100

    [docs] clear timeout on destroy

    backported from https://github.com/sveltejs/learn.svelte.dev/pull/166

commit 786505d6bc52ce9ad072f1c44cacfeb4f3bd58ab
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Thu Dec 22 13:13:31 2022 +0100

    update changelog

commit c73b9a00ea64bcf2565bc224fd6e3afc760cc0fc
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Thu Dec 22 13:08:06 2022 +0100

    [fix] add submitter property to submit event

commit 6a23d9b65f3a1716c9669d88553393c71bbce673
Author: Geoff Rich <4992896+geoffrich@users.noreply.github.com>
Date:   Wed Dec 21 16:39:36 2022 -0800

    [docs] fix transition direction options (#8133)

commit b8bc1be0a8bc4f5cf9e78fa44ae7e22e724dc985
Author: Rich Harris <richard.a.harris@gmail.com>
Date:   Tue Dec 20 11:09:50 2022 -0500

    remove blog content. it now lives in sites repo (#8117)

commit eef125f6c1d586ec4ed4a75ae8a93c54870a2e12
Author: gaac510 <74474003+gaac510@users.noreply.github.com>
Date:   Tue Dec 20 08:47:31 2022 +1100

    [docs] update outdated SvelteKit release info (#8128)

    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>

commit 670f4580568fe8ea31097981ba2d59c33daf0725
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Fri Dec 16 10:33:36 2022 +0100

    [docs] adjust code snippet to conform with previous one

    Backported from https://github.com/sveltejs/learn.svelte.dev/pull/143

commit ad8dbfb9b923182872f781210b6c69beff6a2a24
Author: Nilesh <19304+nileshtrivedi@users.noreply.github.com>
Date:   Thu Dec 15 12:47:02 2022 +0000

    [docs] Add comment about generating a Svelte project without Kit (#8115)

commit 3ba0e304166f7d5dfc608fdf2696a8f4cbc2b4f0
Author: Conduitry <git@chor.date>
Date:   Tue Dec 13 09:04:08 2022 -0500

    -> v3.55.0

commit 512eda7a84c342b2798b2e5cffcd16068744d798
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Sun Dec 11 21:45:11 2022 +0100

    [feat] add html typings (#7649)

    This adds typings for HTML elements and their attributes. It's supposed to be used by the new transformation in language-tools.

    Co-authored-by: Ignatius Bagus <ignatius.mbs@gmail.com>
    Co-authored-by: Lyu, Wei-Da <36730922+jasonlyu123@users.noreply.github.com>

commit a0a6bd1f546096d9e5cac8edbec7b21d5f2d580e
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Wed Dec 7 11:04:50 2022 -0800

    [docs] add some basic docs about bundler plugins (#8092)

commit aa5a1cdf1a21845f8d174ebadee76564394daa81
Author: Conduitry <git@chor.date>
Date:   Tue Dec 6 14:25:16 2022 -0500

    -> v3.54.0

commit 86524181a9b825ad2a49f3af52f501950ea627ba
Author: Conduitry <git@chor.date>
Date:   Tue Dec 6 14:24:27 2022 -0500

    update changelog

commit 94e51df07b0512de0716a0109d29c8a1d1f1ce20
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Wed Dec 7 04:23:23 2022 +0900

    [fix] escape style attribute for SSR (#8087)

commit 75c3a48245295c3748a135165a4ac9947bf11ef8
Author: Conduitry <git@chor.date>
Date:   Tue Dec 6 14:22:36 2022 -0500

    update changelog

commit cc52dc442be8cb3207005d13bf9b1d521b2b0afd
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Tue Dec 6 00:18:29 2022 +0900

    [docs] add explanation about property binding order (#7833)

    * update document

    * update sentence and position

    * update the sentence

    * update

commit f45b8237704573fb736bd40cf7751063f61deb91
Author: Daniel Huang <99danielh@gmail.com>
Date:   Mon Dec 5 10:14:11 2022 -0500

    [docs] fix inconsistent margin in svelte/motion spring tutorial (#8081)

commit d8c6ab87df1edf28e7a286818434bda8443d3f15
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Tue Dec 6 00:02:21 2022 +0900

    Update CHANGELOG.md

commit 2f61907ec136eb53528a2933b194689b98e444aa
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Dec 5 23:01:51 2022 +0800

    [fix] allow invalidating variables from @const declared function (#7858)

commit 5eb1ff9946a6a1ac2d1de838f1911cceab3723c7
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Mon Dec 5 06:53:29 2022 -0800

    [docs] publish roadmap. add process section to contributor's guide and re-organize a bit (#7965)

commit 43905ccc22e0875f39a3e8d9317d8a75cdf974d5
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Mon Dec 5 23:52:30 2022 +0900

    Update CHANGELOG.md

commit 4c5469b1ee55a9675240adaab5bb42ae8b7c3f3f
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Mon Dec 5 15:43:39 2022 +0100

    [fix] don't run binding init unnecessarily (#7981)

commit d2ff2aee4f6269868099dae42472c1be00d24576
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Mon Dec 5 23:25:55 2022 +0900

    Update CHANGELOG.md

commit ed3ac92ec075dc237de2994c7f5f9a38819fd79c
Author: Bert B <44912991+bertybot@users.noreply.github.com>
Date:   Mon Dec 5 09:25:25 2022 -0500

    [fix] Suppress `a11y-no-noninteractive-tabindex` warning if an element has a `tabpanel` (#8025)

    * update tabindex warning to ignore tabpanels

    * refactor

    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit de46e36315322f9785bb88cd0f3e78e42fd765c3
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Mon Dec 5 23:01:14 2022 +0900

    Update CHANGELOG.md

commit 676716979a95bf33333a2ba8185ceea63e7d7655
Author: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date:   Mon Dec 5 15:00:51 2022 +0100

    [fix] a11y - allow fallback roles (#8045)

commit 6330bfc05285f945b750a3d78f28b7994d2a2e13
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Mon Dec 5 22:44:40 2022 +0900

    Update CHANGELOG.md

commit 84d61c61f883c206b87a6fc76c5690379059f979
Author: Pat Cavit <github@patcavit.com>
Date:   Mon Dec 5 05:43:59 2022 -0800

    [feat] Add options w/ direction to transitions (#8068)

commit 14f33cfe6191f63b9ac3f6d4b273c67b1cdec955
Author: Sanguansak Petchmeesri <nguansak@gmail.com>
Date:   Sat Dec 3 22:42:34 2022 +0700

    [docs] add rel noreferrer to fix warning in tutorial (#8024)

    Co-authored-by: vaishnav <vaishnav240204@gmail.com>
    Co-authored-by: Alfredo Vecino <fredovecino@gmail.com>
    Co-authored-by: Yuichiro Yamashita <xydybaseball@gmail.com>

commit 8b462fd7da8d6d0c43f5a208f4dfaa0923540769
Author: Janosh Riebesell <janosh.riebesell@gmail.com>
Date:   Sat Dec 3 06:55:51 2022 -0800

    [docs] Fix 3.52.0 a11y warning in svelte-self tutorial (#7988)

    * fix svelte 3.52 a11y warning

    * replace span with button and drop on:keyup

commit 6923b2e99b901d23808f014c6bfbced889f949bf
Author: Frozen FIsh <76603360+sudongyuer@users.noreply.github.com>
Date:   Sat Dec 3 22:42:07 2022 +0800

    [chore] upgrade node to 18 (#8018)

commit e44762aa2d5a7fde6371c45ff3c212eae912f57b
Author: Simon He <57086651+Simon-He95@users.noreply.github.com>
Date:   Sat Dec 3 14:54:32 2022 +0800

    [chore] add ESLint Caching (#8069)

    see: https://eslint.org/docs/latest/user-guide/command-line-interface#caching

commit e86c0c610bc277180dd95e15c5c130ed8cf9bc9b
Author: Christian Bromann <git@bromann.dev>
Date:   Sat Dec 3 06:03:45 2022 +0100

    [docs] Add WebdriverIO as alternative testing solution

commit 1852bc4640d70d4ff2b4893d49dca31bb3542ba5
Author: Dani Sandoval <daniel@desandoval.net>
Date:   Fri Dec 2 03:48:30 2022 -0700

    [docs] "What's new in Svelte" December newsletter (#8064)

commit 91f8764145f2c2b3c30bfec5a3b409df8e0ddcc9
Author: Conduitry <git@chor.date>
Date:   Thu Nov 10 09:15:07 2022 -0500

    -> v3.53.1

commit e48fa4ac29bdeee7ee3cdb2eb2601028ae66b49a
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Thu Nov 10 15:10:40 2022 +0100

    [fix] util polyfill to make compiler self-contained (#8014)

    this is needed for running the Svelte compiler in the browser
    Fixes #8010

commit f4779eee4a855fac5aa18c1c6e568f14b6ef1643
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Thu Nov 10 15:10:09 2022 +0100

    [fix] don't emit css option deprecation warning for now (#8012)

commit ee480bded663e3e345332da4a9cce53dd4ede9fb
Author: Dominik G <dominik.goepel@gmx.de>
Date:   Thu Nov 10 14:00:08 2022 +0100

    [fix] only read static value for rel attribute validation (#8003)

    fixes #7994

commit ea219f4ed83883d4354e7f13c0749ba300e3e130
Author: gtmnayan <50981692+gtm-nayan@users.noreply.github.com>
Date:   Thu Nov 10 17:39:25 2022 +0545

    [chore] patch bump tslib (#8015)

    closes #8013
    ref: microsoft/tslib#160

commit b2d36075aeb5a9110caa66d2d383d44befcf00b8
Author: Conduitry <git@chor.date>
Date:   Wed Nov 9 16:51:48 2022 -0500

    -> v3.53.0

commit 80d4f55a061e1ddfdfa28a9c2762d6e776ec8727
Author: Conduitry <git@chor.date>
Date:   Wed Nov 9 16:24:27 2022 -0500

    update changelog

commit 74fdbb670ba426484c6d22a3c30fe798d97bf6e7
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Wed Nov 9 10:25:25 2022 -0800

    update changelog

commit 92f02669cf762c57a18ba7f33a20683494a3c495
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Wed Nov 9 10:22:25 2022 -0800

    [chore] upgrade dependencies (#7982)

commit 773dedf714fcf895429e53920e5c013a8b86f411
Author: Maximiliano Ruani <maxi.ruani@hotmail.com>
Date:   Wed Nov 9 15:21:38 2022 -0300

    [feat] Compiler option css: 'none' support (#7914)

commit b05b684b95a5670968f83ae6868881f2231afa74
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Mon Nov 7 13:09:53 2022 +0100

    Update changelog

commit 84ea242666174a405d27a46e19d148d1ef622875
Author: byt3r <glevin2@gmail.com>
Date:   Mon Nov 7 14:09:01 2022 +0200

    [fix] check parentNode exists before removing child (#6910)

    Fixes #6037

commit d39920fb102a66e0bc4301c7dd633ea748648e60
Author: tomoam <29677552+tomoam@users.noreply.github.com>
Date:   Mon Nov 7 18:15:25 2022 +0900

    [docs] fix link in November newsletter (#7998)

commit bba3ffed0e7ed0c417df0cb8414eea2b96758a8a
Author: Jørgen Kalsnes Hagen <43886029+Snailedlt@users.noreply.github.com>
Date:   Thu Nov 3 09:43:39 2022 +0100

    [chore] Update link to feature request template (#7992)

commit df2e927b46b9d8b44ab39203dea02e3a28d04608
Author: Daniel Sandoval <daniel@desandoval.net>
Date:   Mon Oct 31 14:20:54 2022 -0600

    [docs] "What's new in Svelte" November newsletter (#7986)

    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>
    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

commit b265bc6f0fb4d981827fc1dbb89185076a9f3885
Author: Josh Soref <2119212+jsoref@users.noreply.github.com>
Date:   Thu Oct 27 11:09:18 2022 -0400

    [chore] fix spelling and typos (#7974)

commit 146e7a6310627d4599bb60760d573dffa5d1d2ce
Author: Neagu Mihai <74415486+devneagu@users.noreply.github.com>
Date:   Thu Oct 20 21:04:35 2022 +0300

    fix: Remove Security Message (#7959)

commit 0a7cf0e73e386e46a692e06d540703c435d4d003
Author: Josiah Nieves <23145687+jtn7@users.noreply.github.com>
Date:   Sun Oct 16 22:45:03 2022 -0400

    [docs] fix typo "bellow" vs "below" (#7955)

commit f9e5b3e995a488ff5ef21b4258a5954ea6667dbf
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Sun Oct 16 17:01:12 2022 +0800

    Update CHANGELOG.md

commit 8921c04a21e60bf6773cded17e79fde016c1018a
Author: Sid <vistax86live@gmail.com>
Date:   Sun Oct 16 14:28:34 2022 +0530

    [chore] Upgrade css-tree version to 2.1.0 (#7572)

    * chore: upgrade to css-tree major version

    * fix: handle whitespace token for new ast

    * fix: css syntax error

    * remove @types/css-tree

    * import css-tree/parser instead of file path import

    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit 1de2c025350511c4be27a784d7a295b17727692f
Author: Yuri <yurivish@gmail.com>
Date:   Sun Oct 16 04:25:39 2022 -0400

    Ensure onmouseleave event fires in Hoverable example (#7873)

    Fixes the browser-quirk-related issue described in #6520 and #7867, based on a [suggestion](https://github.com/sveltejs/svelte/issues/7867#issuecomment-1248993436) by @Prinzhorn.

    Tested in the editable example area on the Svelte site: https://svelte.dev/examples/slot-props

commit caca8a53401e975d23672255393dd778a58a48ff
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Sun Oct 16 13:55:23 2022 +0900

    [chore] Improve CI (#7945)

    * stop to use cache

    * update on.push.branches

    * rename

commit ef849217c43e157863dd0a7996ad56e1084b150b
Author: Conduitry <git@chor.date>
Date:   Sat Oct 15 09:57:24 2022 -0400

    -> v3.52.0

commit 244d74d4a752e8ec768a9323d88257dcf9bee202
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Fri Oct 14 20:08:25 2022 +0800

    [feat] pre-build before testing in CI (#7933)

commit a6169f65ebf84634908d23c20f1e562742dd338b
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Fri Oct 14 14:15:28 2022 +0900

    Update CHANGELOG.md

commit e8b4997bb53134d96c736833ecffeee083b5689d
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Fri Oct 14 13:15:04 2022 +0800

    [fix] duplicate meta tags during hydration (#7941)

commit bb83eddfc623437528f24e9fe210885b446e72fa
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Thu Oct 13 22:25:39 2022 +0800

    Update CHANGELOG.md

commit 88ed9931f22f4d1cd19c297a6686cc497c65f67a
Author: Billy Levin <billy.levin97@gmail.com>
Date:   Thu Oct 13 15:23:07 2022 +0100

    warn on assignment to const (#4960)

    * warn on assignment to const

    * fix formatting and switch to error

    * check most local scopes first

    * fix logic and add more tests

    * more formatting

    * Fix broken test

    * use find_owner instead

    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit ab1285a4f80cffde46e4d54d45018e95c9a35a03
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Thu Oct 13 21:59:07 2022 +0800

    Update CHANGELOG.md

commit c7c6c05c7f891a864f888f14b5770c467970feac
Author: Joffrey LEVEUGLE <joffrey.leveugle@gmail.com>
Date:   Thu Oct 13 15:58:10 2022 +0200

    [feat] add security warning for anchor element (rel attribute) (#6289)

    * add security warning for anchor element (rel attribute)

    * manage more case for security warnings on anchor (aplocks, false positive ...)

    * remove noopener checks as noreferrer imples noopener

    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit ea9ee3911f06f76f7c31a0f72aab737adf674f6f
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Thu Oct 13 21:53:23 2022 +0800

    Update CHANGELOG.md

commit bee1851faa9c2a8b39099299a7929ebfe9c25494
Author: gtmnayan <50981692+gtm-nayan@users.noreply.github.com>
Date:   Thu Oct 13 19:37:06 2022 +0545

    [feat] `|important` modifier for style directive (#7489)

    * important modifier for style directive

    * docs

    * Exclude third param if false
    third param for set_style is optional

    * Remove unused test

    Runtime test doesn't work because of weird behaviour of computed style
    the puppeteer test should cover it

    * remove unnecessary test

    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit ff6e1c39d0ff783a06a2303328a7360d2206b778
Author: Siarhei <siarhei.krukau@gmail.com>
Date:   Thu Oct 13 15:51:06 2022 +0200

    [chore] Bump actions' versions (#7921)

commit 1ca83c20506d7b4c97a921d98c21fc564f8efa16
Author: Don Alfons <donalfonsnnisnoni@gmail.com>
Date:   Thu Oct 13 21:01:58 2022 +0800

    [docs] Improve grammar (#7923)

    * [docs] Improve grammar

    * revert spelling changes

    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit 739bfaec1285e9be1301f9dbc26551c79c61c2d8
Author: Hofer Ivan <ivan.hofer@outlook.com>
Date:   Thu Oct 13 14:56:09 2022 +0200

    [chore] add missing types to `compiler/compile/render_dom` functions and variables (#7777)

    * add missing types to `compiler/compile/render_dom` functions and variables

    * add `DetachingOrNull`

    * fis `is_head`

commit 0eba57113be4185836a76ba894cbc29f366da252
Author: Hofer Ivan <ivan.hofer@outlook.com>
Date:   Thu Oct 13 14:54:30 2022 +0200

    [chore]: store regexp as variable instead of defining it inline (#7716)

    * store regexp as variable instead of defining it inline

    * fix naming of `regex_quoted_value`

    * some more variables

    * optimize `.replace() calls

    * restore formatting changes

    * optimize `parser.*` calls

    * small refactor

    * optimize `.test() calls

    * rename some variables

    * fix tests

    * rename pattern variables

    * extract common regexes into `patters.ts`

    * rename variables to use snake_case

    * fix trim

commit 26a428972b7865d3871e05368df5e7b47bbf7e5b
Author: metonym <ericyl.us@gmail.com>
Date:   Thu Oct 13 05:49:00 2022 -0700

    [fix] "not interactive" -> "noninteractive" (#7930)

commit 6ac7038e47c38221f16f0f73af93c9024ff2a18c
Author: Conduitry <git@chor.date>
Date:   Mon Oct 10 13:15:45 2022 -0400

    -> v3.51.0

commit 1c659193a0b1fdf6e472be182fb600a430784d20
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Fri Oct 7 16:34:31 2022 -0700

    [docs] update SvelteKit status (#7919)

commit ff2759e1437559669bd032abaff6920c2fc46570
Author: Geoff Rich <4992896+geoffrich@users.noreply.github.com>
Date:   Fri Oct 7 16:25:19 2022 -0700

    [docs] fix typo in getting started (#7918)

commit 220325cd9feea12f9a9bc5eb8df5120f856b1bc9
Author: Samuel Stroschein <35429197+samuelstroschein@users.noreply.github.com>
Date:   Fri Oct 7 11:11:46 2022 +0200

    [docs] add inline documentation to svelte runtime functions (#7846)

    * add documentation

    * add links do docs

commit 2b7393885724ed158dd3ce1b9e53b9737a5f3c3e
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Fri Oct 7 08:25:04 2022 +0800

    Update CHANGELOG.md

commit 8de7931c64b46d22fc303adce14eb3f680c8ca66
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Fri Oct 7 08:23:12 2022 +0800

    [feat] better error message for invalid logic block placement (#7862)

    * better error message for invalid logic block placement

    * include checking for {@html} tags in invalid location

commit d04b1cca24fdfb9f170d0a5f747d94eabe7ee22b
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Thu Oct 6 23:30:42 2022 +0900

    Update CHANGELOG.md

commit 158ec43d99376ccb70c374e306552151b1dbf63b
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Thu Oct 6 22:29:48 2022 +0800

    [fix] do not warn about missing props for bindings (#6583)

commit ce569f97ebd633d44c747cef8039725325c7d753
Author: Marcos Mercuri <marcos@rillet.io>
Date:   Thu Oct 6 11:23:29 2022 +0200

    [docs] Add clarification on how reactivity works (#7819)

    * Add clarification on how reactivity works

    Based on the fact that there are multiple issues were opened related to a perceived bug on the reactive variables, I thought it would be good to add a clarification on the docs. Part of the text is taken from [this comment](https://github.com/sveltejs/svelte/issues/7818#issuecomment-1230374639) that I found super useful.

    * Reword based on PR comments

commit bfb7536c1a6718babc21c869070ff94de484c946
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Thu Oct 6 10:28:41 2022 +0900

    Update CHANGELOG.md

commit 81d4dbad99f2c349ced55c65f7ac2db704a771f6
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Thu Oct 6 09:21:36 2022 +0800

    [fix] call `on_destroy` if unmounted called immediately before `on_mount` (#7860)

    * call on_destroy if unmounted called immediately before on_mount

    * feat: review changes

commit 57541e6abc3837c07019a468d32ef74552bf2677
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Thu Oct 6 01:21:31 2022 +0900

    Update CHANGELOG.md

commit 5c5bc27d9782039259ce8ffca3eb1673f22396c5
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Thu Oct 6 00:18:37 2022 +0800

    [feat] Support style props for SVG components (#7859)

commit ea2f83adebd0a656fae72200525f6e4a1259701f
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Wed Oct 5 23:29:43 2022 +0800

    Update CHANGELOG.md

commit 01a91163a9ffd6d18ea4699cef4c531b72fbfc00
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Thu Oct 6 00:28:00 2022 +0900

    [fix] Improve error message if `this` attribute of `<svelte:component>` is not valid (#7551)

    * add test

    * improve error message if this attribute of <svelte:component> is not SvelteComponent

    * add more tests

    * improve validation

    * simplify test

    Co-authored-by: Tan Li Hau <tanhauhau@users.noreply.github.com>

commit be70a898f392149aa5910bc000a0a55b85ba7f9a
Author: Shawn <62589492+laazyCmd@users.noreply.github.com>
Date:   Wed Oct 5 14:44:08 2022 +0000

    [docs] fix link redirect to discord (#7911)

    * fix link redirect to discord

    * fix link redirect to discord

commit 7d20194d8ae9b600936e47826de53eb4f75e58e1
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Tue Oct 4 21:38:58 2022 -0700

    [docs] create getting started guide outside blog (#7812)

commit a752ef4709587851b783137997c7457fadd2ddb6
Author: Alex <aleksandrosansan@gmail.com>
Date:   Tue Oct 4 00:34:10 2022 +0300

    GitHub Workflows security hardening (#7883)

commit 0b46c72cada210b3a6c72c30a51d35f5c4ccefb3
Author: Daniel Sandoval <danielericsandoval@gmail.com>
Date:   Fri Sep 30 11:57:42 2022 -0600

     [docs] "What's new in Svelte" October newsletter (#7898)

    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>
    Co-authored-by: gtmnayan <50981692+gtm-nayan@users.noreply.github.com>
    Co-authored-by: Lyu, Wei-Da <36730922+jasonlyu123@users.noreply.github.com>
    Co-authored-by: Willow (GHOST) <ghostdevbusiness@gmail.com>

commit c12704c3014f71741aa707700c32a42df699f8e6
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Wed Sep 28 16:51:45 2022 +0200

    [fix] typings for #7863

commit ee5479d00eadc47ecb38446a5dcfcaea043774f9
Author: Xiao Chuan <w2239559319@outlook.com>
Date:   Thu Sep 22 23:25:04 2022 +0800

    [fix] fix ctx and dirty type (#7832)

    * fix: ctx type

    * fix: update function dirty type

commit 132dbecc584fe84154f2acf9ee02e620285ce299
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Wed Sep 21 21:49:12 2022 +0800

    Update CHANGELOG.md

commit b20fb114a657abcd63a79d25789428258f952b3a
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Wed Sep 21 21:48:01 2022 +0800

    allow nullish values for component event handlers (#7863)

commit 25a05bf952579423b31582ee085388ce0be140cb
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Thu Sep 15 22:26:15 2022 +0900

    update changelog

commit 433460ec2dab0b44deeefc52c03358a0b60df335
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Thu Sep 15 22:22:40 2022 +0900

    [feat] skip custom element check if <svelte:element> uses under svg (#7869)

    * add test

    * skip custom element check if svelte element uses under svg

commit 56bcec5ddd4dbded644582c970f4a04e45941217
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Tue Sep 13 23:57:13 2022 +0800

    Update CHANGELOG.md

commit 5adac302c0400363ed5da83c6730ff3379b81d2e
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Wed Sep 14 00:56:19 2022 +0900

    [fix] call attribute bindings for custom element if <svelte:element> render custom element (#7766)

    * call attr bindings if tag is custom element

    * add test

commit c113d9d978da46d628b4d4ae19d28c275130df06
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Tue Sep 13 23:55:22 2022 +0800

    Update CHANGELOG.md

commit 980aff8a4aaf91677f045e757949ecc3be6605b2
Author: metonym <ericyl.us@gmail.com>
Date:   Tue Sep 13 08:44:20 2022 -0700

    [fix] omit a11y warning for native checkbox/radio inputs (#7838)

    * [fix] omit a11y warning for native checkbox/radio inputs

    Fixes #7837

    * align implementation with eslint-plugin-jsx-a11y

    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit d7cfe22f3702af28334a541f204eafe7f0c0d9db
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Tue Sep 13 21:40:09 2022 +0800

    Update CHANGELOG.md

commit 82013aa1610e9d8c73064e449d3b2c1304987896
Author: MCMXC <16797721+mcmxcdev@users.noreply.github.com>
Date:   Tue Sep 13 15:22:10 2022 +0200

    feat(a11y): add click-events-have-key-events rule (#5073)

    * feat(a11y): add click-events-have-key-events rule

    Signed-off-by: mhatvan <markus_hatvan@aon.at>

    * Fine-tune click-events-have-key-events rule

    Signed-off-by: mhatvan <markus_hatvan@aon.at>

    * Implement PR feedback

    Signed-off-by: Markus Hatvan <markus_hatvan@aon.at>

    * Implement PR feedback

    Signed-off-by: Markus Hatvan <markus_hatvan@aon.at>

    * slight refactor to use existing utils

    * update docs

    * fix rebase conflicts

    Signed-off-by: mhatvan <markus_hatvan@aon.at>
    Signed-off-by: Markus Hatvan <markus_hatvan@aon.at>
    Co-authored-by: tanhauhau <lhtan93@gmail.com>
    Co-authored-by: dsfx3d <dsfx3d@gmail.com>

commit 64690974dd37960d23ead5ee97b543abf2394bfc
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Tue Sep 13 19:22:02 2022 +0800

    Update CHANGELOG.md

commit e2538c594bb2fa3c12d06e9acfc592d6dc099d55
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Tue Sep 13 20:20:45 2022 +0900

    [feat] support `--style-props` for `<svelte:component>` (#7468)

    * add test

    * support --style-props for <svelte:component>

    * refactor

    * add more test

    * support switching instance

    * add test with svelte:self

    * merge duplicated if statement

    * slight refactor

    * remove unnecessary anchor

    * reorder insertion

    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit 75a7c3e68f8e2b9ca449c5ed1343f761966202e3
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Tue Sep 13 19:19:35 2022 +0800

    Update CHANGELOG.md

commit 899d0cc67ca8e8c18c747fb2906461c018498c70
Author: tanhauhau <lhtan93@gmail.com>
Date:   Tue Sep 13 19:16:58 2022 +0800

    update docs for a11y-no-noninteractive-tabindex and rename from a11y-no-nointeractive-tabindex -> a11y-no-noninteractive-tabindex

commit 2cd661156e3646b5b8c9e93f06e240f3613737e8
Author: Shinobu Hayashi <PhilisPaxil@gmail.com>
Date:   Tue Sep 13 20:10:45 2022 +0900

    [feat] Add a11y rule to check no tabindex in nointeractive element (#6693)

    * [feature] add util module to check element is interactive element

    * [feature] add util module to check role is interactive role

    * [feature] add a11y checker for no-nointeractive-tabindex

    * [chore] add test for no-nointeractive-tabindex

    * [chore] fix tabindex-no-positive test div -> button

    * [refactor] bundle up two filter into one

    * Refactor: export a11y-no-nointeractive-tabindex warning from compiler_warning

    * slight refactor to use existing utils

    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit 7331c06a74622a4635968a0c8d87b91fda4a1110
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Sep 12 03:30:02 2022 +0800

    Update CHANGELOG.md

commit 78b81277e7bbce3bad5f287312d22ce5dc339d2e
Author: Vaibhav Rai <raivaibhav08@gmail.com>
Date:   Mon Sep 12 00:58:30 2022 +0530

    [fix]: Warn user when binding rest operator (#7526)

    * Fix 6860: Warn user when binding rest operator

    * move the binding validation to Binding node

    * update test

    Co-authored-by: vaibhav rai <vaibhavrai@vaibhavs-MacBook-Pro.local>

    * add more test case, supporting deep destructuring and array destructuring

    Co-authored-by: vaibhav rai <vaibhavrai@vaibhavs-MacBook-Pro.local>
    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit 87f0c461a84ae64ccd2d246e775b6deefc4150b9
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Sep 12 03:23:12 2022 +0800

    Update CHANGELOG.md

commit 6ec8ecf7999ad74ce8cf735a98adca630f9de105
Author: Mathias Picker <48158184+MathiasWP@users.noreply.github.com>
Date:   Sun Sep 11 21:22:17 2022 +0200

    [fix] render of svg elements when using svelte:element (#7695)

    * fixed render statement for svg when using  svelte:element

    * removed unecessary stuff in test

commit 1afcfd2b5f30216164c582d703eb29a6ad4bd831
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Sep 12 03:15:45 2022 +0800

    Update CHANGELOG.md

commit e2ef2b8731a897b36d81d130c78cd4a9019aa41f
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Sun Sep 11 21:14:47 2022 +0200

    apply class for dynamic elements (#7652)

commit 78a249be36b1fa75a59755452554a531d0d4194a
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Sep 12 03:04:47 2022 +0800

    Update CHANGELOG.md

commit a5ca0ad65be5b79c51c9653f1ec16e84fbabba24
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Mon Sep 12 04:03:02 2022 +0900

    [fix] added support for inert (remove duplicated code) (#7785)

    * fix: added support for inert

    * remove duplicated boolean_attributes

    Co-authored-by: Gautier Ben Aïm <48261497+GauBen@users.noreply.github.com>

commit 2f6afefab053a52b8dac31aee35635df837c8f61
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Sep 12 02:49:22 2022 +0800

    Update CHANGELOG.md

commit 1e2a55c88e753cefc6acc668c83fee6cdbc70f31
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Mon Sep 12 03:48:13 2022 +0900

    throw warning instead of error (#7834)

commit adcaa3c0503cacd7b61129bfebba8972cc49b661
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Sep 12 02:41:18 2022 +0800

    Update CHANGELOG.md

commit 8ffc8fd77bf667fdf41bb1f08ed4d1da6641320f
Author: Maximiliano Ruani <maxi.ruani@hotmail.com>
Date:   Sun Sep 11 15:35:17 2022 -0300

    [fix] Fix hydration duplicate `svelte:head` tag issue with `@html` expressions and nested components (#7745)

    * Fix hydration duplicate `svelte:head` tag issue with `@html` and nested components #7444 #6463

    * - Changed comment style to HEAD_${head_id}_START and HEAD_${head_id}_END
    - Improved claim logic
    - Changed tests accordingly

commit 7ac3854613ebad0b30a1d1b8dc0a2a34542a8de5
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Sat Sep 10 14:00:50 2022 -0700

    [docs] remove beta label from SvelteKit mention (#7853)

commit 24aff3032d7af26162fb6a319b07131d21739e9c
Author: Conduitry <git@chor.date>
Date:   Thu Sep 8 16:52:21 2022 -0400

    -> v3.50.1

commit 07d6d179abb7fb86f45cd5175820bbb1c5cbf0e9
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Fri Sep 9 05:49:57 2022 +0900

    [fix] style manager transition regression (#7831)

commit ed078e31fe1d3594c105a17f7fb6def769b386f6
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Sun Sep 4 19:08:46 2022 +0900

    update changelog (#7835)

commit feb8dfce61212affedfede786fd571dbd55905cb
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Sun Sep 4 13:13:55 2022 +0900

    [fix] add all global objects / functions (#7786)

commit f3f3d074c59c79836a42f53ecd0cece3a916ef61
Author: schelv <13403863+schelv@users.noreply.github.com>
Date:   Sat Sep 3 18:06:57 2022 +0200

    [docs] use KeyboardEvent.code (#7809)

commit 46990652c00542c13044219991f9a1149a37cc52
Author: Conduitry <git@chor.date>
Date:   Fri Sep 2 08:12:22 2022 -0400

    -> v3.50.0

commit efe1df0e23a650b458d0c79f9d9ac382378380a9
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Fri Sep 2 13:48:40 2022 +0200

    [fix] Only show lowercase component warning for non-html/svg elements (#7826)

    Fixes #5712

commit af64ad94836a26a3868aa7e00fba89cf42ef2eda
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Fri Sep 2 13:32:19 2022 +0200

    update changelog

commit bddd795746c2cdfe04e8256d7a50f4d38ef09238
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Fri Sep 2 13:21:28 2022 +0200

    [feat] enhance action typings (#7805)

    Allows a way to tell language tools which additional attributes and events the action brings to the HTML element
    Related https://github.com/sveltejs/language-tools/pull/1553

commit 0ed453dc11133e5dab902f7f44c807624d6d4c1f
Author: Daniel Sandoval <daniel@desandoval.net>
Date:   Thu Sep 1 16:42:09 2022 -0600

    [docs] "What's new in Svelte" September newsletter (#7814)

commit a8616701e7b3c4efe48d1f3cc795d47782c85335
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Mon Aug 29 12:47:20 2022 -0700

    [docs] clarify reactivity rules (#7802)

commit 8238ac46dc27ae15a46c2ff1cc5222298304eccc
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Mon Aug 22 19:22:04 2022 -0700

    Update CHANGELOG.md

commit 8d26b4a19d2b92a8334eaf2e030168e4bfcdda89
Author: Yosuke Ota <otameshiyo23@gmail.com>
Date:   Tue Aug 23 11:20:46 2022 +0900

    [chore] improve performance by using `trimRight()` instead of regex replace (#7706)

commit d5efa2e446d1f6a968ca8441936840da63a1a5d6
Author: 孟世博 <897205285@qq.com>
Date:   Fri Aug 19 12:30:22 2022 +0800

    [docs] Typescript -> TypeScript (#7797)

    * [docs] fix spellings error

    * fix ts

commit 040192dd59b82e9258738ebc8ac718727828c226
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Sun Aug 14 17:27:10 2022 +0900

    update changelog

commit 3570a5361e2f9267891fb4c4c858d2a2cf8f49c8
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Sun Aug 14 17:26:19 2022 +0900

    [fix] Apply class directive properly after half way transition (#7765)

commit 012d639b42f6562f1df42d5bc9f3c79dbc0fd899
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Tue Aug 9 00:05:51 2022 +0800

    Update 05-accessibility-warnings.md

    reorder a11y warnings

commit dc83d0b30dd981581229a3bb19eaf42bee15ea39
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Tue Aug 9 00:03:25 2022 +0800

    Update CHANGELOG.md

commit 419641bb3eefb53b4c627005b3637882e5e5342f
Author: Niko Simonson <nsimonson1@gmail.com>
Date:   Mon Aug 8 09:01:54 2022 -0700

    Recursively check label children for input control (#5323)

    * Recursively check label children for input control

    * Add another test case

    * Update snapshot

    * clean up test

    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit 5b29124fbdf5df179fbd1aae7013774bf447fee8
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Sun Aug 7 02:56:47 2022 +0900

    update changelog

commit 816409a27b07090fd6796f585121112e5bd71c88
Author: Tal500 <tal_hd@hotmail.com>
Date:   Sat Aug 6 20:54:23 2022 +0300

    [fix] Use `Node.parentNode` instead `Node.parentElement` for legacy browser support (#7724)

commit 8513e299ef3fb2581b21f61f7795bfd5eb582bd8
Author: Daniel Sandoval <danielericsandoval@gmail.com>
Date:   Tue Aug 2 09:30:05 2022 -0600

    [docs] "What's new in Svelte" August newsletter (#7741)

commit 474ed42b2483e24e3b9e93206994050fe71d1d97
Author: Script Raccoon <54458975+ScriptRaccoon@users.noreply.github.com>
Date:   Tue Aug 2 07:45:45 2022 +0200

    [fix] typo in transition docs (#7739)

commit 7a9b8d03ee80b06b174825962c1a1cd9788635db
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Mon Aug 1 09:15:34 2022 +0200

    update changelog

commit 439bbf87e33e6cf22abb08689fea96fc58f9e9cb
Author: metonym <ericyl.us@gmail.com>
Date:   Mon Aug 1 00:14:26 2022 -0700

    [feat] add SveltePreprocessor utility type (#7742)

commit 1198bae8351f1b9c3d9850a67617b0816f624988
Author: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date:   Thu Jul 28 09:08:59 2022 -0700

    Bump svelte from 3.43.0 to 3.49.0 (#7689)

    Bumps [svelte](https://github.com/sveltejs/svelte) from 3.43.0 to 3.49.0.
    - [Release notes](https://github.com/sveltejs/svelte/releases)
    - [Changelog](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md)
    - [Commits](https://github.com/sveltejs/svelte/compare/v3.43.0...v3.49.0)

    ---
    updated-dependencies:
    - dependency-name: svelte
      dependency-type: indirect
    ...

    Signed-off-by: dependabot[bot] <support@github.com>

    Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

commit 12cbaea9e56a6724acba9daf4d2ebf991dc7591e
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Thu Jul 28 18:03:13 2022 +0200

    update changelog

commit 5dd703fe811a94ea90080edec220d7ee9a09d219
Author: qinmu <magenta2127@gmail.com>
Date:   Fri Jul 29 00:02:15 2022 +0800

    [fix] handle arrow function on slot inside svelte:fragment (#7667)

    Fixes #7485

commit 9ad416be94d0b8cf1a78f7f3714a84badbc9329f
Author: Bjorn Lu <bjornlu.dev@gmail.com>
Date:   Wed Jul 27 16:56:37 2022 +0800

    [chore] upgrade source-map (#7729)

    Fixes #7728

commit 5a725713f7126e300928a0850a65cf18e50384a5
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Mon Jul 25 21:10:13 2022 +0200

    update changelog

commit bb02a22d3e295bdd8eb8f291ab724616a106d45f
Author: Hofer Ivan <ivan.hofer@outlook.com>
Date:   Mon Jul 25 21:09:03 2022 +0200

    [feat] add convenience type for `ComponentEvents` (#7702)

commit 01ba78a6fb7d3db12c0c1bf39e2d3308972df5d3
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Wed Jul 20 00:02:40 2022 +0800

    Update CHANGELOG.md

commit 91b20b9c2eedc28b3989ac5b013857c64cc22e36
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Wed Jul 20 00:01:08 2022 +0800

    [fix] error when using combinator incorrectly (#7650)

    * error when using combinator incorrectly

    * add new test case

commit 52f5005cfd2f6b88da79025829bab133ef87e3dc
Author: Mlocik97 <Mlocik97@gmail.com>
Date:   Tue Jul 19 09:26:57 2022 +0200

    [docs] update port in "Svelte for new developers" blog. (#7697)

    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>

commit 791533e7a57102f77d62af8356b169fb428af798
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Sun Jul 17 17:28:56 2022 +0800

    Update CHANGELOG.md

commit b517df14e4c9388db5f430aea105a532d332b438
Author: Anthony Le Goas <anthony.legoas@gmail.com>
Date:   Sun Jul 17 11:27:35 2022 +0200

    [feat] check noninteractive roles on interactive elements (#5955)

    * check noninteractive roles on interactive elements

    * refactor to match the eslint-plugin-jsx-a11y implementation

    * update test case

    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit 9f3625a7b8459a5e624b26d149151c44f5248944
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Sun Jul 17 17:26:54 2022 +0800

    Update CHANGELOG.md

commit 26d1455b2701e060af8bc0aefb7e039f5851aa1a
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Sun Jul 17 17:25:36 2022 +0800

    fixed removal of empty stylesheets created from transitions (#7662)

    Co-authored-by: Mathias Picker <mattis123@live.no>

commit 05b5be04694a0c7e926cce0e89aa589af2841094
Author: Ignatius Bagus <ignatius.mbs@gmail.com>
Date:   Fri Jul 15 13:17:22 2022 +0700

    [docs] link content to site directory (#7688)

commit 379a963d012a2bcb651e8ebdc54f8e21baaf4e19
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Thu Jul 14 12:06:20 2022 -0700

    [docs] npm create needs @latest tag (#7687)

commit e973bacd3883c7cabc7d9aa3b6e944cb92f57f6a
Author: Stephane <stephane-vanraes@users.noreply.github.com>
Date:   Thu Jul 14 11:20:33 2022 +0200

    Link to sites repository in README.md (#7684)

commit 2db60a77e12abc78ad7b5e4e37a3ee00e7c20c63
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Tue Jul 12 23:20:44 2022 +0800

    rename test files from svelte-slot -> svelte-fragment (#7679)

commit 60024effa8acd102e326a020dd8354f0b39d05a8
Author: Simon Dao <sdao0202@gmail.com>
Date:   Mon Jul 11 18:11:23 2022 -0500

    [docs] update intro sentence of reactive declarations tutorial (#7467)

commit 1913e7fad75e0baaab2701f5510f1441916a5616
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Tue Jul 12 06:55:43 2022 +0800

    Update CHANGELOG.md

commit f5111ef4367b63aede6579407ffc0e2c6513c04e
Author: Anthony Le Goas <anthony.legoas@gmail.com>
Date:   Tue Jul 12 00:52:25 2022 +0200

    [feat] add a11y check on abstract roles (#6241)

    * add a11y check on abstract roles

    * use aria-query and move warnings to compiler_warnings file

    * uppercase warning message

    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit ccbf10c16326cffb1b38e721e2f74aad4b85dbf2
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Jul 11 09:41:43 2022 +0800

    Update CHANGELOG.md

commit 39901986d6bc3b1a47d607f2f5e93cbb9c9445bb
Author: kwangure <86817609+kwangure@users.noreply.github.com>
Date:   Mon Jul 11 04:40:12 2022 +0300

    [feat]: Add A11y aria-proptypes check (#6978)

    * Add aria prop type list

    * feat: check aria attribute types

    * feat: add proptype tests

    * Add documentation

    * use aria-query

    Co-authored-by: Nurassyl Zekenov <nurassyl@snoonu.com>
    Co-authored-by: mka_882@yahoo.com <mka_882@yahoo.com>
    Co-authored-by: tanhauhau <lhtan93@gmail.com>
    Co-authored-by: David Mosher <davidmosher@gmail.com>

commit 4617c0d5f5af1dae09cc00ce0134e433588a62d1
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Jul 11 02:27:58 2022 +0800

    Update CHANGELOG.md

commit 1d19aebe38bed7bbaafdc304eb055f5bf455fb36
Author: Mel <einebeere@gmail.com>
Date:   Sun Jul 10 20:23:41 2022 +0200

    a11y: Add role-has-required-aria-props rule (#5852)

    * Check required props for ARIA roles

    * Test required ARIA props check

    * Properly indent with tabs in test

    * swtich to use aria-query

    * fix validation test

    * update docs

    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit c01dc62314ccdff556ddd0c948dad2cb9128101d
Author: Sepehr Safari <safari.sepehr@gmail.com>
Date:   Sun Jul 10 11:52:00 2022 +0430

    [docs] fix typo (#7672)

    * [docs] fix typo

    Fixed "quckly" to "quickly"

    * [docs] fix typo

    Fixed "beend" to "been".

    * [docs] fix typo

    Fixed "propsoal" to "proposal".

commit 52153dbce0237f0c36e4ff36377398d7f95276ef
Author: Conduitry <git@chor.date>
Date:   Thu Jul 7 12:43:08 2022 -0400

    -> v3.49.0

commit 3798808e7484b7eeee6acb2860c45bb2e59d84bd
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Wed Jul 6 11:59:44 2022 +0200

    update changelog

commit 0fa0a38d5168a1767843fdb0a43c00aa30b8670f
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Wed Jul 6 11:58:43 2022 +0200

    [fix] export CompileOptions (#7658)

    It's used by SvelteKit and in order to properly use it under the new TS moduleResolution NodeNext it needs to be part of a file that is defined in the exports map

commit a3ecb44b5346dbf116c5bec5dcf47cd7f459784d
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Mon Jul 4 23:58:16 2022 +0900

    update changelog

commit 7e1691cd62df0593882480d00eb7e9a7616bb029
Author: kindoflew <lewis@ombulabs.com>
Date:   Mon Jul 4 10:55:34 2022 -0400

    [fix] support @layer (#7514)

    * add test

    * add layer to apply check

commit 4583b170842208bcafcbb095221c8ac12689f739
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Mon Jul 4 09:48:12 2022 +0800

    Update CHANGELOG.md

commit 02f60fbebf7cdb036472d1aec8dc9d9f8215cd7a
Author: qinmu <magenta2127@gmail.com>
Date:   Mon Jul 4 09:45:39 2022 +0800

    [fix]destroy empty component (#7492)

    * fix: destroy non-fragment element such as empty components

    * fix: fragment property of Empty Component is set as true in dev mode, inconsistent with production mode

    * chore: revert 'removal' of component.compile_options.dev

    * feat: add test for destroying empty component

    * chore: update typechecking callback

    * chore: revert fragment dev checks

    * chore: remove unnecessary comment

    * chore: update test for empty-component-destroy

    * fix: revert back the patching of console.log

    * use before_test and after_test

    Co-authored-by: qinmu <magenta2127@mail.com>
    Co-authored-by: tanhauhau <lhtan93@gmail.com>

commit 31e5f8b5de24e2e058cb1a70467c0092e422ee5d
Author: Daniel Sandoval <daniel@desandoval.net>
Date:   Fri Jul 1 09:17:52 2022 -0600

    [docs] "What's new in Svelte" July newsletter (#7637)

commit 6f575715073f4a1eb1abdd7a2d22a75ae6017cf7
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Fri Jul 1 14:48:10 2022 +0200

    [feat] add convenience types ComponentType and ComponentProps (#6770)

    ComponentType eases typing "this is a variable that expects a Svelte component constructor (of a certain shape)". Removes the need for SvelteComponentTyped to be an extra type so it can be deprecated in v4 and removed in v5, and SvelteComponent(Dev) can receive the same generic typings as SvelteComponetTyped in v4.

    ComponentProps eases typing "give me the props this component expects". Closes #7584

    Co-authored-by: Simon Holthausen <simon.holthausen@accso.de>
    Co-authored-by: Hofer Ivan <ivan.hofer@outlook.com>
    Co-authored-by: Ignatius Bagus <ignatius.mbs@gmail.com>

commit 2f562d9e2817d911d0eec437d2b0e45074ec8291
Author: Heechul Ryu <ryuhcii@gmail.com>
Date:   Wed Jun 29 17:07:16 2022 -0700

    [docs] use npm create instead of npm init (#7641)

commit d7557e11a265a71a26d78295774f131af366ddce
Author: hmt <hmt@users.noreply.github.com>
Date:   Sat Jun 25 19:56:06 2022 +0200

    [docs] remove v2 -> v3 converter mention (#7597)

    Was never finished

commit ecb29aa8cff53b33a4c8b5a49d774bfd7ef04f08
Author: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date:   Mon Jun 20 13:03:47 2022 +0200

    Update changelog

commit f8605d6acbf66976da9b4547f76e90e163899907
Author: Maurício Kishi <mrkishi@users.noreply.github.com>
Date:   Mon Jun 20 08:02:48 2022 -0300

    [fix] harden attribute escaping during ssr (#7530)

commit 9635a2e413f17f9c818714e2963ad83a6c56102c
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Sun Jun 12 23:37:49 2022 +0900

    [chore] remove nyc stuff (#7601)

    It appears that forgot to remove config related to nyc in this commit.

    https://github.com/sveltejs/svelte/commit/f1ca1cc0983ddf68c89f596776f54717c4075ede

commit 346c27d4da9950eabec17fb1f4594a2431b2655e
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Sun Jun 12 23:33:27 2022 +0900

    [chore] update changelog (#7602)

commit cab5e7346d14d4511087890e31e90f2be8b1aac9
Author: Adam Alexander <50453312+a-alexander@users.noreply.github.com>
Date:   Wed Jun 8 13:07:51 2022 +0100

    [docs] fix typo in 02-template-syntax.md (#7593)

    Tiny typo.

commit 7630a25db54f113102ea6d69b7d3e13e82b278fb
Author: Rich Harris <richard.a.harris@gmail.com>
Date:   Fri Jun 3 10:11:27 2022 -0400

    [docs] update getting started info (#7573)

    * update getting started info

    * Update site/content/blog/2019-04-16-svelte-for-new-developers.md

    Co-authored-by: Conduitry <git@chor.date>

    * Update site/content/tutorial/01-introduction/07-making-an-app/text.md

    Co-authored-by: gtmnayan <50981692+gtm-nayan@users.noreply.github.com>

    * Update site/content/blog/2019-04-16-svelte-for-new-developers.md

    Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
    Co-authored-by: Conduitry <git@chor.date>
    Co-authored-by: gtmnayan <50981692+gtm-nayan@users.noreply.github.com>

commit 9dc308a745b2945508b9776760e7d838f9bedacd
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Tue May 31 14:46:37 2022 -0700

    cleanup PR links in last blog post

commit d9cc0ffc8fde90af9b945dc1c10094b5a9c31dd7
Author: Daniel Sandoval <danielericsandoval@gmail.com>
Date:   Tue May 31 14:09:28 2022 -0600

    [docs] "What's new in Svelte" June newsletter (#7565)

commit a4fa98c532a29e1376cbca33aa031dfb99d4f939
Author: Tan Li Hau <tanhauhau@users.noreply.github.com>
Date:   Wed May 18 11:14:14 2022 +0800

    Update CHANGELOG.md

commit 6776fe03fdcf06602ff816c269e2e73df728aa27
Author: Yuichiro Yamashita <xydybaseball@gmail.com>
Date:   Wed May 18 12:12:10 2022 +0900

    fix to apply class directive for svelte:element (#7531)

commit 5242ab9a72e964ea5a3c7d42155e34c5567f9234
Author: gtmnayan <50981692+gtm-nayan@users.noreply.github.com>
Date:   Wed May 18 07:58:05 2022 +0545

    [docs] Fix statement about the order of bind: and on: (#7357)

    * Fix statement about order of bind: and on:

    * It's just an example

    * Revert and modify

    * Update site/content/docs/02-template-syntax.md

    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>

    * Update site/content/docs/02-template-syntax.md

    Co-authored-by: Tan Li Hau <tanhauhau@users.noreply.github.com>
    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>

commit 8b828a43011bb5fe5b7fe03001f06fba1d999b21
Author: Stephanie Tuerk <stephanie.tuerk@gmail.com>
Date:   Tue May 17 13:26:27 2022 -0400

    [docs] clarify array methods that won't trigger reactivity (#7073)

    Co-authored-by: Tan Li Hau <tanhauhau@users.noreply.github.com>
    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>
    Co-authored-by: Gabor Szabo <gabor@szabgab.com>
    Co-authored-by: gtmnayan <50981692+gtm-nayan@users.noreply.github.com>

commit 0ed6ebef9d5d6df12f53bfe936d2f055c0cd0214
Author: Matteo Baccan <matteo.baccan@gmail.com>
Date:   Mon May 16 17:11:20 2022 +0200

    [fix] remove duplicate semicolon (#7534)

commit ab48fbadb3a2f8f14c7d464916eec2b7b8475a05
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Thu May 12 20:12:09 2022 -0700

    update changelog

commit e7a235055073dc70edb13938dc7859b37c19fc74
Author: Rich Harris <richard.a.harris@gmail.com>
Date:   Thu May 12 22:10:40 2022 -0500

    Faster SSR (#5701)

    Co-authored-by: Conduitry <git@chor.date>
    Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>

commit 34eb6efedcf634d0b597fe62832f593ccc5a9c74
Author: Ben McCann <322311+benmccann@users.noreply.github.com>
Date:   Fri May 6 08:52:22 2022 -0700

    [chore] upgrade to eslint 8 (#7506)
---
 .github/PULL_REQUEST_TEMPLATE.md              |    2 +-
 .github/workflows/ci.yml                      |   80 +-
 .github/workflows/docs.yml                    |    4 +-
 .gitignore                                    |    2 +-
 .mocharc.js                                   |    6 +-
 .mocharc.unit.js                              |   15 +
 CHANGELOG.md                                  |  147 +-
 CONTRIBUTING.md                               |   98 +-
 LICENSE.md                                    |    2 +-
 README.md                                     |    7 +-
 elements/index.d.ts                           | 1591 ++++++
 elements/package.json                         |    3 +
 generate-type-definitions.js                  |   28 +
 package-lock.json                             | 4602 +++++++++--------
 package.json                                  |   82 +-
 rollup.config.js                              |   12 +-
 scripts/globals-extractor.mjs                 |   91 +
 scripts/skip_in_ci.js                         |    7 +
 ...-11-26-frameworks-without-the-framework.md |   55 -
 ...17-08-07-the-easiest-way-to-get-started.md |   66 -
 .../2017-09-06-the-zen-of-just-writing-css.md |   78 -
 ...per-towards-the-ideal-web-app-framework.md |   84 -
 site/content/blog/2018-04-18-version-2.md     |  204 -
 .../blog/2018-12-26-svelte-css-in-js.md       |   29 -
 ...2018-12-27-virtual-dom-is-pure-overhead.md |  149 -
 .../2019-01-31-svelte-on-the-changelog.md     |   21 -
 .../blog/2019-04-15-setting-up-your-editor.md |   65 -
 .../2019-04-16-svelte-for-new-developers.md   |  107 -
 .../blog/2019-04-20-write-less-code.md        |  164 -
 ...19-04-22-svelte-3-rethinking-reactivity.md |   97 -
 .../blog/2020-07-17-svelte-and-typescript.md  |  141 -
 ...-10-01-whats-new-in-svelte-october-2020.md |   85 -
 ...11-01-whats-new-in-svelte-november-2020.md |   46 -
 ...020-11-05-whats-the-deal-with-sveltekit.md |  103 -
 ...12-01-whats-new-in-svelte-december-2020.md |   71 -
 ...-01-01-whats-new-in-svelte-january-2021.md |   86 -
 ...02-01-whats-new-in-svelte-february-2021.md |   86 -
 ...21-03-01-whats-new-in-svelte-march-2021.md |  104 -
 .../content/blog/2021-03-23-sveltekit-beta.md |   67 -
 ...21-04-01-whats-new-in-svelte-april-2021.md |   73 -
 ...2021-05-01-whats-new-in-svelte-may-2021.md |   76 -
 ...021-06-01-whats-new-in-svelte-june-2021.md |   65 -
 ...021-07-01-whats-new-in-svelte-july-2021.md |   65 -
 ...1-08-01-whats-new-in-svelte-august-2021.md |   71 -
 ...9-01-whats-new-in-svelte-september-2021.md |   83 -
 ...-10-01-whats-new-in-svelte-october-2021.md |   99 -
 ...11-01-whats-new-in-svelte-november-2021.md |   85 -
 ...12-01-whats-new-in-svelte-december-2021.md |   91 -
 ...-01-01-whats-new-in-svelte-january-2022.md |   77 -
 ...-01-13-accelerating-sveltes-development.md |   67 -
 ...02-01-whats-new-in-svelte-february-2022.md |  106 -
 ...22-03-01-whats-new-in-svelte-march-2022.md |   87 -
 ...22-04-01-whats-new-in-svelte-april-2022.md |  104 -
 ...2022-05-01-whats-new-in-svelte-may-2022.md |   89 -
 site/content/docs/01-getting-started.md       |   23 +
 ...onent-format.md => 02-component-format.md} |   47 +-
 ...mplate-syntax.md => 03-template-syntax.md} |  101 +-
 .../docs/{03-run-time.md => 04-run-time.md}   |   32 +-
 ...{04-compile-time.md => 05-compile-time.md} |    2 +-
 ...rnings.md => 06-accessibility-warnings.md} |   86 +
 .../03-logic/03-each-blocks/App.svelte        |    2 +-
 .../05-bindings/02-checkbox-inputs/App.svelte |    2 +-
 .../06-deferred-transitions/App.svelte        |    4 +-
 .../15-composition/03-slot-props/App.svelte   |    6 +-
 .../15-composition/05-modal/App.svelte        |   36 +-
 .../15-composition/05-modal/Modal.svelte      |  118 +-
 .../01-hacker-news/Summary.svelte             |    4 +-
 .../1000-how-can-i-update-my-v2-components.md |    5 -
 ...s-there-a-tool-to-automatically-format.md} |    0
 .../faq/800-how-do-i-test-svelte-apps.md      |   15 +-
 site/content/faq/900-is-there-a-router.md     |    2 +-
 .../01-introduction/01-basics/text.md         |    4 +-
 .../app-a/App.svelte                          |    0
 .../text.md                                   |   10 +-
 .../02-reactive-declarations/text.md          |    4 +-
 .../04-updating-arrays-and-objects/text.md    |   23 +-
 .../04-logic/04-each-blocks/app-a/App.svelte  |    2 +-
 .../04-logic/04-each-blocks/app-b/App.svelte  |    2 +-
 .../tutorial/04-logic/04-each-blocks/text.md  |    6 +-
 .../05-keyed-each-blocks/app-a/Thing.svelte   |    7 +
 .../05-keyed-each-blocks/app-b/Thing.svelte   |    7 +
 .../04-logic/05-keyed-each-blocks/text.md     |    2 +-
 .../tutorial/04-logic/06-await-blocks/text.md |    6 +-
 .../03-checkbox-inputs/app-a/App.svelte       |    2 +-
 .../03-checkbox-inputs/app-b/App.svelte       |    2 +-
 .../06-bindings/05-textarea-inputs/text.md    |    5 +-
 .../09-motion/02-spring/app-b/App.svelte      |    1 +
 .../app-a/longpress.js                        |    1 +
 .../app-b/longpress.js                        |    1 +
 .../04-optional-slots/app-a/App.svelte        |    2 +-
 .../04-optional-slots/app-b/App.svelte        |    2 +-
 .../01-svelte-self/app-a/Folder.svelte        |    6 +-
 .../01-svelte-self/app-b/Folder.svelte        |    6 +-
 .../04-svelte-window/app-a/App.svelte         |    8 +-
 .../04-svelte-window/app-b/App.svelte         |    6 +-
 .../08-svelte-options/app-a/Todo.svelte       |   14 +-
 .../08-svelte-options/app-b/Todo.svelte       |   14 +-
 site/content/tutorial/18-debugging/meta.json  |    3 -
 .../01-debug/app-a/App.svelte                 |    0
 .../01-debug/app-b/App.svelte                 |    0
 .../01-debug/text.md                          |    0
 .../02-html-tags}/app-a/App.svelte            |    0
 .../02-html-tags}/app-b/App.svelte            |    0
 .../02-html-tags}/text.md                     |    2 +-
 .../tutorial/18-special-tags/meta.json        |    3 +
 .../19-next-steps/01-congratulations/text.md  |    2 +-
 src/compiler/compile/Component.ts             |   93 +-
 src/compiler/compile/compiler_errors.ts       |   16 +-
 src/compiler/compile/compiler_warnings.ts     |   72 +-
 src/compiler/compile/css/Selector.ts          |   57 +-
 src/compiler/compile/css/Stylesheet.ts        |   25 +-
 src/compiler/compile/index.ts                 |   36 +-
 src/compiler/compile/nodes/AwaitBlock.ts      |    6 +-
 src/compiler/compile/nodes/Binding.ts         |   25 +-
 src/compiler/compile/nodes/ConstTag.ts        |    5 +-
 src/compiler/compile/nodes/EachBlock.ts       |    6 +-
 src/compiler/compile/nodes/Element.ts         |  348 +-
 src/compiler/compile/nodes/EventHandler.ts    |    6 +-
 src/compiler/compile/nodes/Head.ts            |    3 +-
 src/compiler/compile/nodes/InlineComponent.ts |   21 +-
 src/compiler/compile/nodes/RawMustacheTag.ts  |    2 +-
 src/compiler/compile/nodes/StyleDirective.ts  |   27 +-
 src/compiler/compile/nodes/Text.ts            |    7 +-
 .../compile/nodes/shared/AbstractBlock.ts     |    4 +-
 src/compiler/compile/nodes/shared/Context.ts  |   25 +-
 .../compile/nodes/shared/Expression.ts        |  110 +-
 src/compiler/compile/render_dom/Block.ts      |   13 +-
 src/compiler/compile/render_dom/Renderer.ts   |   17 +-
 src/compiler/compile/render_dom/index.ts      |   52 +-
 src/compiler/compile/render_dom/invalidate.ts |    3 +-
 .../compile/render_dom/wrappers/EachBlock.ts  |   12 +-
 .../render_dom/wrappers/Element/Attribute.ts  |   72 +-
 .../render_dom/wrappers/Element/Binding.ts    |  144 +-
 .../wrappers/Element/EventHandler.ts          |    4 +-
 .../wrappers/Element/StyleAttribute.ts        |   13 +-
 .../wrappers/Element/fix_attribute_casing.ts  |    2 +-
 .../render_dom/wrappers/Element/index.ts      |  302 +-
 .../compile/render_dom/wrappers/Fragment.ts   |    5 +-
 .../compile/render_dom/wrappers/Head.ts       |    4 +-
 .../compile/render_dom/wrappers/IfBlock.ts    |   20 +-
 .../wrappers/InlineComponent/index.ts         |  190 +-
 .../render_dom/wrappers/RawMustacheTag.ts     |    6 +-
 .../compile/render_dom/wrappers/Slot.ts       |   10 +-
 .../compile/render_dom/wrappers/Text.ts       |    4 +-
 .../compile/render_dom/wrappers/Window.ts     |    2 +-
 .../render_dom/wrappers/shared/add_actions.ts |   10 +-
 .../shared/create_debugging_comment.ts        |    6 +-
 .../wrappers/shared/get_slot_definition.ts    |    6 +-
 .../render_dom/wrappers/shared/is_head.ts     |    6 +-
 src/compiler/compile/render_ssr/Renderer.ts   |    4 +
 .../compile/render_ssr/handlers/Element.ts    |   15 +-
 .../compile/render_ssr/handlers/Head.ts       |    9 +-
 .../render_ssr/handlers/InlineComponent.ts    |   20 +-
 .../handlers/shared/get_attribute_value.ts    |    7 +-
 .../utils/remove_whitespace_children.ts       |    3 +-
 src/compiler/compile/render_ssr/index.ts      |    2 +-
 src/compiler/compile/utils/__test__.ts        |    6 +
 src/compiler/compile/utils/a11y.ts            |  162 +
 .../utils/collapse_template_literal.ts        |   34 +
 .../compile/utils/get_name_from_filename.ts   |   20 +-
 src/compiler/compile/utils/hash.ts            |    5 +-
 src/compiler/compile/utils/stringify.ts       |    8 +-
 src/compiler/index.ts                         |    1 +
 src/compiler/interfaces.ts                    |    4 +-
 src/compiler/parse/acorn.ts                   |    4 +-
 src/compiler/parse/errors.ts                  |    8 +
 src/compiler/parse/index.ts                   |   26 +-
 src/compiler/parse/read/context.ts            |    3 +-
 src/compiler/parse/read/expression.ts         |    4 +-
 src/compiler/parse/read/script.ts             |   10 +-
 src/compiler/parse/read/style.ts              |   17 +-
 src/compiler/parse/state/mustache.ts          |   30 +-
 src/compiler/parse/state/tag.ts               |   59 +-
 src/compiler/parse/state/text.ts              |    2 +-
 src/compiler/parse/utils/entities.ts          | 4054 ++++++++-------
 src/compiler/parse/utils/html.ts              |   30 +-
 src/compiler/preprocess/decode_sourcemap.ts   |    2 +-
 src/compiler/preprocess/index.ts              |   22 +-
 src/compiler/preprocess/types.ts              |    7 +
 src/compiler/utils/extract_svelte_ignore.ts   |   30 +-
 src/compiler/utils/get_code_frame.ts          |    4 +-
 src/compiler/utils/globals.ts                 |  840 +++
 src/compiler/utils/mapped_code.ts             |   10 +-
 src/compiler/utils/names.ts                   |   77 +-
 src/compiler/utils/namespaces.ts              |    2 +-
 src/compiler/utils/patterns.ts                |   28 +-
 src/compiler/utils/trim.ts                    |    6 +-
 src/runtime/action/index.ts                   |   24 +-
 src/runtime/index.ts                          |    1 +
 src/runtime/internal/Component.ts             |   61 +-
 src/runtime/internal/await_block.ts           |   29 +-
 src/runtime/internal/dev.ts                   |   93 +-
 src/runtime/internal/dom.ts                   |  136 +-
 src/runtime/internal/keyed_each.ts            |    7 +-
 src/runtime/internal/lifecycle.ts             |   69 +
 src/runtime/internal/scheduler.ts             |   40 +-
 src/runtime/internal/ssr.ts                   |   42 +-
 src/runtime/internal/style_manager.ts         |    9 +-
 src/runtime/internal/transitions.ts           |   24 +-
 src/runtime/internal/types.ts                 |   39 +
 src/runtime/internal/utils.ts                 |    4 +-
 src/runtime/store/index.ts                    |   13 +-
 src/runtime/transition/index.ts               |   54 +-
 src/shared/boolean_attributes.ts              |   15 +-
 src/shared/utils/names.ts                     |   13 +
 test/css/samples/at-layer/expected.css        |    1 +
 test/css/samples/at-layer/input.svelte        |   17 +
 .../samples/dynamic-element-tag/_config.js    |    3 +
 .../samples/dynamic-element-tag/expected.css  |    1 +
 .../samples/dynamic-element-tag/expected.html |    4 +
 .../samples/dynamic-element-tag/input.svelte  |   32 +
 .../_config.js                                |   25 +
 .../expected.css                              |    1 +
 .../expected.html                             |    1 +
 .../input.svelte                              |   11 +
 test/custom-elements/index.ts                 |    3 +
 .../head-html-and-component/HeadNested.svelte |    2 +
 .../head-html-and-component/Nested.svelte     |    5 +
 .../head-html-and-component/_after.html       |    0
 .../head-html-and-component/_after_head.html  |   12 +
 .../head-html-and-component/_before.html      |    0
 .../head-html-and-component/_before_head.html |   11 +
 .../head-html-and-component/main.svelte       |   12 +
 .../_after_head.html                          |    8 +-
 .../_before_head.html                         |    8 +-
 .../samples/capture-inject-state/expected.js  |   30 +-
 .../samples/capture-inject-state/input.svelte |    2 +-
 test/js/samples/class-field/expected.js       |   25 +
 test/js/samples/class-field/input.svelte      |   12 +
 .../samples/collapse-literal-ssr/_config.js   |    6 +
 .../samples/collapse-literal-ssr/expected.js  |   25 +
 .../samples/collapse-literal-ssr/input.svelte |   20 +
 .../css-shadow-dom-keyframes/expected.js      |    4 +-
 test/js/samples/debug-empty/expected.js       |   14 +-
 .../debug-foo-bar-baz-things/expected.js      |   42 +-
 test/js/samples/debug-foo/expected.js         |   26 +-
 .../samples/debug-no-dependencies/expected.js |    4 +-
 .../samples/deconflict-builtins/expected.js   |    4 +-
 .../expected.js                               |   14 +-
 .../each-block-array-literal/expected.js      |    4 +-
 .../each-block-changed-check/expected.js      |    6 +-
 .../each-block-keyed-animated/expected.js     |    4 +-
 test/js/samples/each-block-keyed/expected.js  |    4 +-
 test/js/samples/event-modifiers/expected.js   |   10 +
 test/js/samples/event-modifiers/input.svelte  |    5 +
 test/js/samples/media-bindings/expected.js    |   56 +-
 test/js/samples/media-bindings/input.svelte   |    3 +-
 .../natural-dimension-binding/expected.js     |   95 +
 .../natural-dimension-binding/input.svelte    |    8 +
 .../reactive-class-optimized/expected.js      |   11 +-
 test/js/samples/reactive-values/expected.js   |   60 +
 test/js/samples/reactive-values/input.svelte  |    7 +
 .../svelte-element-event-handlers/expected.js |  107 +
 .../input.svelte                              |    8 +
 .../samples/svelte-element-static/expected.js |   41 +
 .../svelte-element-static/input.svelte        |    3 +
 .../js/samples/svelte-element-svg/expected.js |   71 +
 .../samples/svelte-element-svg/input.svelte   |    7 +
 test/js/samples/svelte-element/expected.js    |  244 +
 test/js/samples/svelte-element/input.svelte   |   14 +
 .../samples/unchanged-expression/expected.js  |    2 +-
 .../samples/unchanged-expression/input.svelte |    2 +-
 test/js/samples/video-bindings/expected.js    |   34 +-
 test/js/samples/video-bindings/input.svelte   |    3 +-
 .../input.svelte                              |    1 +
 .../output.json                               |   50 +
 .../output.json                               |    3 +-
 .../output.json                               |    9 +-
 .../attribute-style-directive/output.json     |    1 +
 .../samples/css-option-none/input.svelte      |    7 +
 .../samples/css-option-none/options.json      |    3 +
 .../samples/css-option-none/output.json       |   32 +
 test/parser/samples/error-css/error.json      |    2 +-
 test/runtime-puppeteer/index.ts               |   20 +-
 .../_config.js                                |    6 +
 .../main.svelte                               |   18 +
 .../Svg.svelte                                |   17 +
 .../_config.js                                |   55 +
 .../main.svelte                               |   25 +
 .../dynamic-element-custom-element/_config.js |   47 +
 .../main.svelte                               |   32 +
 .../_config.js                                |   22 +
 .../main.svelte                               |   12 +
 .../samples/style_manager-cleanup/_config.js  |   17 +
 .../samples/style_manager-cleanup/main.svelte |   16 +
 .../Slider.svelte                             |   17 +
 .../_config.js                                |   41 +
 .../main.svelte                               |   25 +
 .../Slider1.svelte                            |   17 +
 .../Slider2.svelte                            |   17 +
 .../_config.js                                |   57 +
 .../main.svelte                               |   20 +
 .../Slider1.svelte                            |   17 +
 .../Slider2.svelte                            |   17 +
 .../_config.js                                |   59 +
 .../main.svelte                               |   22 +
 .../Slider.svelte                             |   29 +
 .../_config.js                                |   71 +
 .../main.svelte                               |   32 +
 .../Slider1.svelte                            |   27 +
 .../Slider2.svelte                            |   27 +
 .../_config.js                                |   47 +
 .../main.svelte                               |   16 +
 .../Slider1.svelte                            |   27 +
 .../Slider2.svelte                            |   27 +
 .../_config.js                                |   84 +
 .../main.svelte                               |   20 +
 .../samples/transition-css-out-in/_config.js  |   14 +
 .../samples/transition-css-out-in/main.svelte |   20 +
 .../Component.svelte                          |   27 +
 .../action-update-before-destroy/_config.js   |   16 +
 .../action-update-before-destroy/main.svelte  |   10 +
 .../samples/assignment-to-const1/_config.js   |    3 +
 .../samples/assignment-to-const1/main.svelte  |    6 +
 .../samples/assignment-to-const2/_config.js   |    3 +
 .../samples/assignment-to-const2/main.svelte  |    7 +
 .../_config.js                                |    4 -
 .../attribute-boolean-inert/_config.js        |   11 +
 .../attribute-boolean-inert/main.svelte       |    5 +
 .../attribute-boolean-itemscope/_config.js    |   11 +
 .../attribute-boolean-itemscope/main.svelte   |    5 +
 .../samples/await-function-promise/_config.js |   19 +
 .../await-function-promise/main.svelte        |    7 +
 .../Component.svelte                          |   13 +
 .../_config.js                                |    9 +
 .../main.svelte                               |   36 +
 .../binding-indirect-value/Component.svelte   |    6 +
 .../samples/binding-indirect-value/_config.js |    8 +
 .../binding-indirect-value/main.svelte        |    8 +
 .../binding-input-group-each-10/_config.js    |   52 +
 .../binding-input-group-each-10/main.svelte   |   36 +
 .../binding-input-group-each-11/_config.js    |   88 +
 .../binding-input-group-each-11/main.svelte   |   60 +
 .../binding-input-group-each-12/_config.js    |   89 +
 .../binding-input-group-each-12/main.svelte   |   60 +
 .../binding-input-group-each-13/_config.js    |   30 +
 .../binding-input-group-each-13/main.svelte   |   10 +
 .../binding-input-group-each-8/_config.js     |   78 +
 .../binding-input-group-each-8/main.svelte    |   36 +
 .../binding-input-group-each-9/_config.js     |   49 +
 .../binding-input-group-each-9/main.svelte    |   36 +
 .../binding-input-group-undefined/_config.js  |   25 +
 .../binding-input-group-undefined/main.svelte |   15 +
 .../Tab.svelte                                |    3 +
 .../_config.js                                |   10 +
 .../main.svelte                               |   17 +
 .../_config.js                                |   25 +
 .../main.svelte                               |   13 +
 .../_config.js                                |    4 +-
 .../main.svelte                               |    1 +
 .../binding-select-unmatched/_config.js       |   35 +
 .../binding-this-with-context/_config.js      |    4 +-
 .../class-shortcut-with-transition/_config.js |   30 +
 .../main.svelte                               |   17 +
 .../class-with-spread-and-bind/main.svelte    |    2 +-
 .../Child.svelte                              |   21 +
 .../InnerChild.svelte                         |   14 +
 .../_config.js                                |   53 +
 .../main.svelte                               |   35 +
 .../Child.svelte                              |   21 +
 .../InnerChild.svelte                         |   14 +
 .../_config.js                                |   53 +
 .../main.svelte                               |   35 +
 .../component-events-nullish/Widget.svelte    |   14 +
 .../component-events-nullish/_config.js       |    9 +
 .../component-events-nullish/main.svelte      |    6 +
 .../component-not-constructor-dev/_config.js  |    8 +
 .../component-not-constructor-dev/main.svelte |    5 +
 .../component-not-constructor/Sub.svelte      |    1 +
 .../component-not-constructor/_config.js      |    8 +
 .../component-not-constructor/main.svelte     |    9 +
 .../component-not-constructor2-dev/Sub.svelte |    1 +
 .../component-not-constructor2-dev/_config.js |   19 +
 .../main.svelte                               |   14 +
 .../component-not-constructor2/Sub.svelte     |    1 +
 .../component-not-constructor2/_config.js     |   16 +
 .../component-not-constructor2/main.svelte    |   14 +
 .../Inner.svelte                              |    8 +
 .../Outer.svelte                              |   12 +
 .../_config.js                                |   27 +
 .../main.svelte                               |   12 +
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../A.svelte                                  |    0
 .../B.svelte                                  |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../A.svelte                                  |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../Inner.svelte                              |    0
 .../Outer.svelte                              |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../Child.svelte                              |    0
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../B.svelte                                  |    0
 .../Nested.svelte                             |    0
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../samples/component-transition/_config.js   |   19 +
 .../samples/component-transition/main.svelte  |   13 +
 .../samples/const-tag-invalidate/_config.js   |   34 +
 .../samples/const-tag-invalidate/main.svelte  |   16 +
 .../samples/css-vars-escape/Sub.svelte        |    7 +
 .../samples/css-vars-escape/_config.js        |   12 +
 .../samples/css-vars-escape/main.svelte       |    6 +
 .../Foo.svelte                                |    8 +
 .../_config.js                                |    9 +
 .../main.svelte                               |    8 +
 .../dynamic-component-dirty/_config.js        |   24 +
 .../dynamic-component-dirty/main.svelte       |   16 +
 .../Link.svelte                               |   13 +
 .../_config.js                                |   11 +
 .../main.svelte                               |   16 +
 .../samples/dynamic-element-svg/_config.js    |   10 +
 .../samples/dynamic-element-svg/main.svelte   |    3 +
 .../_config.js                                |    2 +-
 .../_config.js                                |    2 +-
 .../_config.js                                |    2 +-
 .../_config.js                                |    6 +
 .../main.svelte                               |   10 +
 .../each-block-dynamic-else-static/_config.js |    2 +-
 .../_config.js                                |    0
 .../main.svelte                               |    0
 .../empty-component-destroy/Empty.svelte      |    8 +
 .../empty-component-destroy/_config.js        |   25 +
 .../empty-component-destroy/main.svelte       |    8 +
 .../_config.js                                |   17 +
 .../main.svelte                               |   22 +
 .../_config.js                                |   19 +
 .../main.svelte                               |   15 +
 test/runtime/samples/html-entities/_config.js |   16 +-
 .../runtime/samples/html-entities/main.svelte |   16 +-
 .../inline-style-directive-escape/_config.js  |   12 +
 .../inline-style-directive-escape/main.svelte |    5 +
 .../_config.js                                |   12 +
 .../main.svelte                               |    8 +
 .../select.svelte                             |    9 +
 .../samples/select-multiple-spread/_config.js |   13 +
 .../select-multiple-spread/main.svelte        |    7 +
 .../select-multiple-spread/select.svelte      |    8 +
 .../spread-component-immutable/Widget.svelte  |    0
 .../spread-component-immutable/_config.js     |   15 +
 .../spread-component-immutable/main.svelte    |    7 +
 .../_config.js                                |   11 +
 .../main.svelte                               |    7 +
 .../spread-element-input-value/_config.js     |    2 +-
 .../samples/static-svelte-element/_config.js  |   13 +
 .../samples/static-svelte-element/main.svelte |    3 +
 .../samples/static-svelte-element2/_config.js |   13 +
 .../static-svelte-element2/main.svelte        |    7 +
 test/runtime/samples/template/_config.js      |   12 +
 test/runtime/samples/template/main.svelte     |    3 +-
 .../_config.js                                |   19 +
 .../main.svelte                               |   24 +
 .../transition-js-option-direction/_config.js |   13 +
 .../main.svelte                               |   20 +
 test/server-side-rendering/index.ts           |    4 +-
 .../_expected.html                            |    8 +-
 .../main.svelte                               |    7 +-
 .../head-html-and-component/HeadNested.svelte |    2 +
 .../head-html-and-component/Nested.svelte     |    5 +
 .../_expected-head.html                       |   11 +
 .../head-html-and-component/_expected.html    |    0
 .../head-html-and-component/main.svelte       |   12 +
 .../head-meta-hydrate-duplicate/_config.js    |    3 +-
 .../_expected-head.html                       |    8 +-
 .../samples/compile-option-dev/test.js        |    9 +-
 test/store/index.ts                           |   27 +-
 test/validator/index.ts                       |   77 +-
 .../samples/a11y-alt-text/warnings.json       |   39 +-
 .../input.svelte                              |    1 +
 .../warnings.json                             |    1 +
 .../a11y-anchor-has-content/warnings.json     |   11 +-
 .../a11y-anchor-in-svg-is-valid/warnings.json |   27 +-
 .../a11y-anchor-is-valid/warnings.json        |   54 +-
 .../a11y-aria-activedescendant/input.svelte   |   16 +
 .../a11y-aria-activedescendant/warnings.json  |   14 +
 .../samples/a11y-aria-props/warnings.json     |   19 +-
 .../a11y-aria-proptypes-boolean/input.svelte  |    8 +
 .../a11y-aria-proptypes-boolean/warnings.json |   26 +
 .../a11y-aria-proptypes-integer/input.svelte  |    7 +
 .../a11y-aria-proptypes-integer/warnings.json |   38 +
 .../a11y-aria-proptypes-number/input.svelte   |    7 +
 .../a11y-aria-proptypes-number/warnings.json  |   38 +
 .../a11y-aria-proptypes-string/input.svelte   |    5 +
 .../a11y-aria-proptypes-string/warnings.json  |   14 +
 .../a11y-aria-proptypes-token/input.svelte    |    6 +
 .../a11y-aria-proptypes-token/warnings.json   |   50 +
 .../input.svelte                              |    7 +
 .../warnings.json                             |   62 +
 .../a11y-aria-proptypes-tristate/input.svelte |    8 +
 .../warnings.json                             |   26 +
 .../samples/a11y-aria-role/input.svelte       |    8 +-
 .../samples/a11y-aria-role/warnings.json      |   23 +-
 .../warnings.json                             |   19 +-
 .../input.svelte                              |   51 +
 .../warnings.json                             |   86 +
 .../errors.json                               |    9 +-
 .../a11y-figcaption-wrong-place/warnings.json |   18 +-
 .../a11y-heading-has-content/warnings.json    |   19 +-
 .../samples/a11y-html-has-lang/warnings.json  |    9 +-
 .../a11y-iframe-has-title/warnings.json       |    9 +-
 .../a11y-img-redundant-alt/warnings.json      |   17 +-
 .../input.svelte                              |    3 +
 .../warnings.json                             |    1 +
 .../input.svelte                              |    6 +
 .../warnings.json                             |   54 +-
 .../a11y-media-has-caption/input.svelte       |    3 +
 .../a11y-media-has-caption/warnings.json      |   30 +-
 .../input.svelte                              |    2 +-
 .../warnings.json                             |   14 +-
 .../a11y-no-abstract-roles/input.svelte       |   12 +
 .../a11y-no-abstract-roles/warnings.json      |  146 +
 .../samples/a11y-no-access-key/warnings.json  |   11 +-
 .../samples/a11y-no-autofocus/warnings.json   |   11 +-
 .../warnings.json                             |   19 +-
 .../input.svelte                              |  150 +
 .../warnings.json                             |  710 +++
 .../input.svelte                              |   16 +
 .../warnings.json                             |   50 +
 .../a11y-no-redundant-roles/warnings.json     | 1136 ++--
 .../a11y-not-on-components/warnings.json      |    9 +-
 .../input.svelte                              |   11 +
 .../warnings.json                             |   50 +
 .../input.svelte                              |  371 ++
 .../warnings.json                             | 2150 ++++++++
 .../validator/samples/a11y-scope/input.svelte |    7 +-
 .../samples/a11y-scope/warnings.json          |   13 +-
 .../a11y-tabindex-no-positive/input.svelte    |    8 +-
 .../a11y-tabindex-no-positive/warnings.json   |    9 +-
 .../samples/action-invalid/warnings.json      |    9 +-
 .../samples/action-object/input.svelte        |    4 +-
 .../samples/action-object/warnings.json       |    3 -
 .../samples/action-on-component/errors.json   |    9 +-
 .../samples/animation-duplicate/errors.json   |   11 +-
 .../samples/animation-missing/warnings.json   |   11 +-
 .../samples/animation-not-in-each/errors.json |    9 +-
 .../animation-not-in-keyed-each/errors.json   |    9 +-
 .../samples/animation-siblings/errors.json    |    9 +-
 .../samples/assignment-to-const-2/errors.json |   14 +
 .../assignment-to-const-2/input.svelte        |   15 +
 .../samples/assignment-to-const-3/errors.json |   14 +
 .../assignment-to-const-3/input.svelte        |   20 +
 .../samples/assignment-to-const-4/errors.json |   14 +
 .../assignment-to-const-4/input.svelte        |   21 +
 .../samples/assignment-to-const-5/errors.json |   14 +
 .../assignment-to-const-5/input.svelte        |    6 +
 .../samples/assignment-to-const-6/errors.json |    1 +
 .../assignment-to-const-6/input.svelte        |    6 +
 .../samples/assignment-to-const-7/errors.json |   14 +
 .../assignment-to-const-7/input.svelte        |    6 +
 .../samples/assignment-to-const-8/errors.json |    1 +
 .../assignment-to-const-8/input.svelte        |    6 +
 .../samples/assignment-to-const/errors.json   |   14 +
 .../samples/assignment-to-const/input.svelte  |   24 +
 .../attribute-expected-equals/errors.json     |    9 +-
 .../attribute-invalid-name-2/errors.json      |    9 +-
 .../attribute-invalid-name-3/errors.json      |    9 +-
 .../attribute-invalid-name-4/errors.json      |    9 +-
 .../attribute-invalid-name-5/errors.json      |    9 +-
 .../attribute-invalid-name/errors.json        |    9 +-
 .../samples/binding-await-catch/errors.json   |    5 +-
 .../samples/binding-await-then-2/errors.json  |    5 +-
 .../samples/binding-await-then/errors.json    |    5 +-
 .../samples/binding-const/errors.json         |    9 +-
 .../binding-dimensions-svg-child/errors.json  |    9 +-
 .../binding-dimensions-svg/errors.json        |    9 +-
 .../binding-dimensions-void/errors.json       |    9 +-
 .../samples/binding-input-checked/errors.json |   11 +-
 .../binding-input-type-boolean/errors.json    |   11 +-
 .../binding-input-type-dynamic/errors.json    |   11 +-
 .../errors.json                               |    7 +-
 .../binding-invalid-on-element/errors.json    |    9 +-
 .../binding-invalid-value-global/errors.json  |    7 +-
 .../samples/binding-invalid-value/errors.json |    9 +-
 .../samples/binding-invalid/errors.json       |    9 +-
 .../validator/samples/binding-let/errors.json |    9 +-
 .../errors.json                               |   11 +-
 .../samples/component-dynamic/input.svelte    |   14 +-
 .../samples/component-dynamic/warnings.json   |    9 -
 .../errors.json                               |    9 +-
 .../errors.json                               |    5 +-
 .../component-name-lowercase/input.svelte     |    5 +-
 .../component-name-lowercase/warnings.json    |    7 +-
 .../errors.json                               |    5 +-
 .../errors.json                               |   11 +-
 .../errors.json                               |   11 +-
 .../component-slot-dynamic/errors.json        |   11 +-
 .../errors.json                               |    5 +-
 .../errors.json                               |    5 +-
 .../component-slotted-each-block/errors.json  |   11 +-
 .../component-slotted-if-block/errors.json    |   11 +-
 .../samples/const-tag-conflict-1/errors.json  |    5 +-
 .../samples/const-tag-conflict-2/errors.json  |    5 +-
 .../samples/const-tag-cyclical/errors.json    |    5 +-
 .../const-tag-out-of-scope/warnings.json      |    3 -
 .../samples/const-tag-placement-1/errors.json |    5 +-
 .../samples/const-tag-placement-2/errors.json |    5 +-
 .../samples/const-tag-readonly-1/errors.json  |    5 +-
 .../samples/const-tag-readonly-2/errors.json  |    5 +-
 .../contenteditable-dynamic/errors.json       |   11 +-
 .../contenteditable-missing/errors.json       |   11 +-
 .../errors.json                               |    8 +
 .../input.svelte                              |   13 +
 .../errors.json                               |    8 +
 .../input.svelte                              |   11 +
 .../errors.json                               |    8 +
 .../input.svelte                              |    9 +
 .../errors.json                               |    8 +
 .../input.svelte                              |    7 +
 .../errors.json                               |    9 +-
 .../errors.json                               |    9 +-
 .../errors.json                               |   12 +
 .../input.svelte                              |    5 +
 .../errors.json                               |   12 +
 .../input.svelte                              |    7 +
 .../css-invalid-global-placement/errors.json  |   11 +-
 .../css-invalid-global-selector-2/errors.json |    9 +-
 .../css-invalid-global-selector-3/errors.json |    9 +-
 .../css-invalid-global-selector-4/errors.json |    9 +-
 .../css-invalid-global-selector-5/errors.json |    9 +-
 .../css-invalid-global-selector-6/errors.json |    9 +-
 .../css-invalid-global-selector/errors.json   |    9 +-
 .../samples/debug-invalid-args/errors.json    |   11 +-
 .../errors.json                               |    7 +-
 .../errors.json                               |    7 +-
 .../samples/default-export/errors.json        |    7 +-
 .../directive-non-expression/errors.json      |    9 +-
 .../errors.json                               |    9 +-
 .../errors.json                               |    9 +-
 .../dollar-global-in-markup/errors.json       |    9 +-
 .../dollar-global-in-script/errors.json       |    9 +-
 .../dynamic-element-invalid-tag/errors.json   |    9 +-
 .../dynamic-element-missing-tag/errors.json   |    9 +-
 .../samples/dynamic-element-this/errors.json  |    9 +-
 .../errors.json                               |    7 +-
 .../errors.json                               |    9 +-
 .../errors.json                               |   11 +-
 .../each-block-invalid-context/errors.json    |   11 +-
 .../samples/empty-block/warnings.json         |   20 +-
 .../samples/error-mode-warn/warnings.json     |   15 +-
 .../errors.json                               |    9 +-
 .../errors.json                               |    9 +-
 .../event-modifiers-invalid/errors.json       |   11 +-
 .../event-modifiers-legacy/errors.json        |    9 +-
 .../event-modifiers-redundant/warnings.json   |   18 +-
 .../html-block-in-attribute/errors.json       |    8 +
 .../html-block-in-attribute/input.svelte      |    1 +
 .../html-block-in-textarea/errors.json        |    8 +
 .../html-block-in-textarea/input.svelte       |    3 +
 .../samples/ignore-warning/warnings.json      |    8 +-
 .../ignore-warnings-cumulative/warnings.json  |    5 +-
 .../ignore-warnings-newline/warnings.json     |    5 +-
 .../ignore-warnings-stacked/warnings.json     |    5 +-
 .../samples/ignore-warnings/warnings.json     |    5 +-
 .../illegal-variable-declaration/errors.json  |    9 +-
 .../invalid-empty-css-declaration/errors.json |   12 +-
 .../logic-block-in-attribute/errors.json      |    8 +
 .../logic-block-in-attribute/input.svelte     |    1 +
 .../logic-block-in-textarea/errors.json       |    8 +
 .../logic-block-in-textarea/input.svelte      |    5 +
 .../missing-component-global/warnings.json    |   11 +-
 .../samples/missing-component/warnings.json   |   11 +-
 .../warnings.json                             |    3 -
 .../warnings.json                             |    5 +-
 .../errors.json                               |    9 +-
 .../errors.json                               |    9 +-
 .../namespace-invalid-unguessable/errors.json |    7 +-
 .../samples/namespace-invalid/errors.json     |    7 +-
 .../samples/namespace-non-literal/errors.json |    7 +-
 .../reactive-declaration-cyclical/errors.json |    5 +-
 .../warnings.json                             |    5 +-
 .../reactive-module-variable/warnings.json    |    3 -
 .../ref-not-supported-in-css/errors.json      |    9 +-
 .../samples/ref-not-supported/errors.json     |    9 +-
 .../rest-eachblock-binding-2/input.svelte     |   11 +
 .../rest-eachblock-binding-2/warnings.json    |    8 +
 .../rest-eachblock-binding-3/input.svelte     |    8 +
 .../rest-eachblock-binding-3/warnings.json    |    8 +
 .../rest-eachblock-binding/input.svelte       |    8 +
 .../rest-eachblock-binding/warnings.json      |    8 +
 .../script-invalid-context/errors.json        |    9 +-
 .../_config.js                                |    3 +
 .../input.svelte                              |   33 +
 .../warnings.json                             |  218 +
 .../input.svelte                              |   33 +
 .../warnings.json                             |    1 +
 .../slot-attribute-invalid/errors.json        |    9 +-
 .../samples/slot-warning-ignore/input.svelte  |    8 +
 .../samples/slot-warning-ignore/warnings.json |    1 +
 .../samples/slot-warning/input.svelte         |    7 +
 .../samples/slot-warning/warnings.json        |   14 +
 .../samples/slot-warning2/input.svelte        |    8 +
 .../samples/slot-warning2/warnings.json       |   14 +
 .../errors.json                               |   12 +
 .../input.svelte                              |    1 +
 .../svelte-fragment-placement-2/errors.json   |    8 +
 .../input.svelte                              |    0
 .../svelte-fragment-placement/errors.json     |    8 +
 .../input.svelte                              |    0
 .../svelte-slot-placement-2/errors.json       |    9 -
 .../samples/svelte-slot-placement/errors.json |    9 -
 .../warnings.json                             |   27 +-
 .../validator/samples/tag-invalid/errors.json |    9 +-
 .../samples/tag-non-string/errors.json        |    9 +-
 .../textarea-value-children/errors.json       |   11 +-
 .../samples/title-no-attributes/errors.json   |   11 +-
 .../samples/title-no-children/errors.json     |   11 +-
 .../errors.json                               |   11 +-
 .../transition-duplicate-in/errors.json       |   11 +-
 .../errors.json                               |   11 +-
 .../transition-duplicate-out/errors.json      |   11 +-
 .../errors.json                               |   11 +-
 .../errors.json                               |   11 +-
 .../errors.json                               |   11 +-
 .../samples/transition-missing/warnings.json  |   11 +-
 .../transition-on-component/errors.json       |   11 +-
 .../undefined-value-global/warnings.json      |    7 +-
 .../samples/undefined-value/warnings.json     |    9 +-
 .../unreferenced-variables-each/warnings.json |    6 -
 .../unreferenced-variables/warnings.json      |   15 -
 .../samples/use-the-platform/warnings.json    |    6 -
 .../errors.json                               |   11 +-
 .../window-binding-invalid-value/errors.json  |   11 +-
 .../window-binding-invalid-width/errors.json  |   11 +-
 .../window-binding-invalid/errors.json        |   11 +-
 761 files changed, 20728 insertions(+), 10230 deletions(-)
 create mode 100644 .mocharc.unit.js
 create mode 100644 elements/index.d.ts
 create mode 100644 elements/package.json
 create mode 100644 generate-type-definitions.js
 create mode 100644 scripts/globals-extractor.mjs
 create mode 100644 scripts/skip_in_ci.js
 delete mode 100644 site/content/blog/2016-11-26-frameworks-without-the-framework.md
 delete mode 100644 site/content/blog/2017-08-07-the-easiest-way-to-get-started.md
 delete mode 100644 site/content/blog/2017-09-06-the-zen-of-just-writing-css.md
 delete mode 100644 site/content/blog/2017-12-31-sapper-towards-the-ideal-web-app-framework.md
 delete mode 100644 site/content/blog/2018-04-18-version-2.md
 delete mode 100644 site/content/blog/2018-12-26-svelte-css-in-js.md
 delete mode 100644 site/content/blog/2018-12-27-virtual-dom-is-pure-overhead.md
 delete mode 100644 site/content/blog/2019-01-31-svelte-on-the-changelog.md
 delete mode 100644 site/content/blog/2019-04-15-setting-up-your-editor.md
 delete mode 100644 site/content/blog/2019-04-16-svelte-for-new-developers.md
 delete mode 100644 site/content/blog/2019-04-20-write-less-code.md
 delete mode 100644 site/content/blog/2019-04-22-svelte-3-rethinking-reactivity.md
 delete mode 100644 site/content/blog/2020-07-17-svelte-and-typescript.md
 delete mode 100644 site/content/blog/2020-10-01-whats-new-in-svelte-october-2020.md
 delete mode 100644 site/content/blog/2020-11-01-whats-new-in-svelte-november-2020.md
 delete mode 100644 site/content/blog/2020-11-05-whats-the-deal-with-sveltekit.md
 delete mode 100644 site/content/blog/2020-12-01-whats-new-in-svelte-december-2020.md
 delete mode 100644 site/content/blog/2021-01-01-whats-new-in-svelte-january-2021.md
 delete mode 100644 site/content/blog/2021-02-01-whats-new-in-svelte-february-2021.md
 delete mode 100644 site/content/blog/2021-03-01-whats-new-in-svelte-march-2021.md
 delete mode 100644 site/content/blog/2021-03-23-sveltekit-beta.md
 delete mode 100644 site/content/blog/2021-04-01-whats-new-in-svelte-april-2021.md
 delete mode 100644 site/content/blog/2021-05-01-whats-new-in-svelte-may-2021.md
 delete mode 100644 site/content/blog/2021-06-01-whats-new-in-svelte-june-2021.md
 delete mode 100644 site/content/blog/2021-07-01-whats-new-in-svelte-july-2021.md
 delete mode 100644 site/content/blog/2021-08-01-whats-new-in-svelte-august-2021.md
 delete mode 100644 site/content/blog/2021-09-01-whats-new-in-svelte-september-2021.md
 delete mode 100644 site/content/blog/2021-10-01-whats-new-in-svelte-october-2021.md
 delete mode 100644 site/content/blog/2021-11-01-whats-new-in-svelte-november-2021.md
 delete mode 100644 site/content/blog/2021-12-01-whats-new-in-svelte-december-2021.md
 delete mode 100644 site/content/blog/2022-01-01-whats-new-in-svelte-january-2022.md
 delete mode 100644 site/content/blog/2022-01-13-accelerating-sveltes-development.md
 delete mode 100644 site/content/blog/2022-02-01-whats-new-in-svelte-february-2022.md
 delete mode 100644 site/content/blog/2022-03-01-whats-new-in-svelte-march-2022.md
 delete mode 100644 site/content/blog/2022-04-01-whats-new-in-svelte-april-2022.md
 delete mode 100644 site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md
 create mode 100644 site/content/docs/01-getting-started.md
 rename site/content/docs/{01-component-format.md => 02-component-format.md} (87%)
 rename site/content/docs/{02-template-syntax.md => 03-template-syntax.md} (89%)
 rename site/content/docs/{03-run-time.md => 04-run-time.md} (97%)
 rename site/content/docs/{04-compile-time.md => 05-compile-time.md} (96%)
 rename site/content/docs/{05-accessibility-warnings.md => 06-accessibility-warnings.md} (75%)
 delete mode 100644 site/content/faq/1000-how-can-i-update-my-v2-components.md
 rename site/content/faq/{425-is-there-a-tool-to-automaticly-format.md => 425-is-there-a-tool-to-automatically-format.md} (100%)
 rename site/content/tutorial/01-introduction/{07-making-an-app => 06-making-an-app}/app-a/App.svelte (100%)
 rename site/content/tutorial/01-introduction/{07-making-an-app => 06-making-an-app}/text.md (75%)
 delete mode 100644 site/content/tutorial/18-debugging/meta.json
 rename site/content/tutorial/{18-debugging => 18-special-tags}/01-debug/app-a/App.svelte (100%)
 rename site/content/tutorial/{18-debugging => 18-special-tags}/01-debug/app-b/App.svelte (100%)
 rename site/content/tutorial/{18-debugging => 18-special-tags}/01-debug/text.md (100%)
 rename site/content/tutorial/{01-introduction/06-html-tags => 18-special-tags/02-html-tags}/app-a/App.svelte (100%)
 rename site/content/tutorial/{01-introduction/06-html-tags => 18-special-tags/02-html-tags}/app-b/App.svelte (100%)
 rename site/content/tutorial/{01-introduction/06-html-tags => 18-special-tags/02-html-tags}/text.md (57%)
 create mode 100644 site/content/tutorial/18-special-tags/meta.json
 create mode 100644 src/compiler/compile/utils/a11y.ts
 create mode 100644 src/compiler/compile/utils/collapse_template_literal.ts
 create mode 100644 src/compiler/utils/globals.ts
 create mode 100644 src/runtime/internal/types.ts
 create mode 100644 test/css/samples/at-layer/expected.css
 create mode 100644 test/css/samples/at-layer/input.svelte
 create mode 100644 test/css/samples/dynamic-element-tag/_config.js
 create mode 100644 test/css/samples/dynamic-element-tag/expected.css
 create mode 100644 test/css/samples/dynamic-element-tag/expected.html
 create mode 100644 test/css/samples/dynamic-element-tag/input.svelte
 create mode 100644 test/css/samples/unused-selector-empty-attribute/_config.js
 create mode 100644 test/css/samples/unused-selector-empty-attribute/expected.css
 create mode 100644 test/css/samples/unused-selector-empty-attribute/expected.html
 create mode 100644 test/css/samples/unused-selector-empty-attribute/input.svelte
 create mode 100644 test/hydration/samples/head-html-and-component/HeadNested.svelte
 create mode 100644 test/hydration/samples/head-html-and-component/Nested.svelte
 create mode 100644 test/hydration/samples/head-html-and-component/_after.html
 create mode 100644 test/hydration/samples/head-html-and-component/_after_head.html
 create mode 100644 test/hydration/samples/head-html-and-component/_before.html
 create mode 100644 test/hydration/samples/head-html-and-component/_before_head.html
 create mode 100644 test/hydration/samples/head-html-and-component/main.svelte
 create mode 100644 test/js/samples/class-field/expected.js
 create mode 100644 test/js/samples/class-field/input.svelte
 create mode 100644 test/js/samples/collapse-literal-ssr/_config.js
 create mode 100644 test/js/samples/collapse-literal-ssr/expected.js
 create mode 100644 test/js/samples/collapse-literal-ssr/input.svelte
 create mode 100644 test/js/samples/natural-dimension-binding/expected.js
 create mode 100644 test/js/samples/natural-dimension-binding/input.svelte
 create mode 100644 test/js/samples/reactive-values/expected.js
 create mode 100644 test/js/samples/reactive-values/input.svelte
 create mode 100644 test/js/samples/svelte-element-event-handlers/expected.js
 create mode 100644 test/js/samples/svelte-element-event-handlers/input.svelte
 create mode 100644 test/js/samples/svelte-element-static/expected.js
 create mode 100644 test/js/samples/svelte-element-static/input.svelte
 create mode 100644 test/js/samples/svelte-element-svg/expected.js
 create mode 100644 test/js/samples/svelte-element-svg/input.svelte
 create mode 100644 test/js/samples/svelte-element/expected.js
 create mode 100644 test/js/samples/svelte-element/input.svelte
 create mode 100644 test/parser/samples/attribute-style-directive-modifiers/input.svelte
 create mode 100644 test/parser/samples/attribute-style-directive-modifiers/output.json
 create mode 100644 test/parser/samples/css-option-none/input.svelte
 create mode 100644 test/parser/samples/css-option-none/options.json
 create mode 100644 test/parser/samples/css-option-none/output.json
 create mode 100644 test/runtime-puppeteer/samples/binding-width-height-initialize/_config.js
 create mode 100644 test/runtime-puppeteer/samples/binding-width-height-initialize/main.svelte
 create mode 100644 test/runtime-puppeteer/samples/component-css-custom-properties-dynamic-svg/Svg.svelte
 create mode 100644 test/runtime-puppeteer/samples/component-css-custom-properties-dynamic-svg/_config.js
 create mode 100644 test/runtime-puppeteer/samples/component-css-custom-properties-dynamic-svg/main.svelte
 create mode 100644 test/runtime-puppeteer/samples/dynamic-element-custom-element/_config.js
 create mode 100644 test/runtime-puppeteer/samples/dynamic-element-custom-element/main.svelte
 create mode 100644 test/runtime-puppeteer/samples/inline-style-directive-important/_config.js
 create mode 100644 test/runtime-puppeteer/samples/inline-style-directive-important/main.svelte
 create mode 100644 test/runtime-puppeteer/samples/style_manager-cleanup/_config.js
 create mode 100644 test/runtime-puppeteer/samples/style_manager-cleanup/main.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/Slider.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/_config.js
 create mode 100644 test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/main.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider1.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider2.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-component-css-custom-properties/_config.js
 create mode 100644 test/runtime-puppeteer/samples/svelte-component-css-custom-properties/main.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider1.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider2.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/_config.js
 create mode 100644 test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/main.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/Slider.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/_config.js
 create mode 100644 test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/main.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider1.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider2.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-self-css-custom-properties/_config.js
 create mode 100644 test/runtime-puppeteer/samples/svelte-self-css-custom-properties/main.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider1.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider2.svelte
 create mode 100644 test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/_config.js
 create mode 100644 test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/main.svelte
 create mode 100644 test/runtime-puppeteer/samples/transition-css-out-in/_config.js
 create mode 100644 test/runtime-puppeteer/samples/transition-css-out-in/main.svelte
 create mode 100644 test/runtime/samples/action-update-before-destroy/Component.svelte
 create mode 100644 test/runtime/samples/action-update-before-destroy/_config.js
 create mode 100644 test/runtime/samples/action-update-before-destroy/main.svelte
 create mode 100644 test/runtime/samples/assignment-to-const1/_config.js
 create mode 100644 test/runtime/samples/assignment-to-const1/main.svelte
 create mode 100644 test/runtime/samples/assignment-to-const2/_config.js
 create mode 100644 test/runtime/samples/assignment-to-const2/main.svelte
 create mode 100644 test/runtime/samples/attribute-boolean-inert/_config.js
 create mode 100644 test/runtime/samples/attribute-boolean-inert/main.svelte
 create mode 100644 test/runtime/samples/attribute-boolean-itemscope/_config.js
 create mode 100644 test/runtime/samples/attribute-boolean-itemscope/main.svelte
 create mode 100644 test/runtime/samples/await-function-promise/_config.js
 create mode 100644 test/runtime/samples/await-function-promise/main.svelte
 create mode 100644 test/runtime/samples/await-mount-and-unmount-immediately/Component.svelte
 create mode 100644 test/runtime/samples/await-mount-and-unmount-immediately/_config.js
 create mode 100644 test/runtime/samples/await-mount-and-unmount-immediately/main.svelte
 create mode 100644 test/runtime/samples/binding-indirect-value/Component.svelte
 create mode 100644 test/runtime/samples/binding-indirect-value/_config.js
 create mode 100644 test/runtime/samples/binding-indirect-value/main.svelte
 create mode 100644 test/runtime/samples/binding-input-group-each-10/_config.js
 create mode 100644 test/runtime/samples/binding-input-group-each-10/main.svelte
 create mode 100644 test/runtime/samples/binding-input-group-each-11/_config.js
 create mode 100644 test/runtime/samples/binding-input-group-each-11/main.svelte
 create mode 100644 test/runtime/samples/binding-input-group-each-12/_config.js
 create mode 100644 test/runtime/samples/binding-input-group-each-12/main.svelte
 create mode 100644 test/runtime/samples/binding-input-group-each-13/_config.js
 create mode 100644 test/runtime/samples/binding-input-group-each-13/main.svelte
 create mode 100644 test/runtime/samples/binding-input-group-each-8/_config.js
 create mode 100644 test/runtime/samples/binding-input-group-each-8/main.svelte
 create mode 100644 test/runtime/samples/binding-input-group-each-9/_config.js
 create mode 100644 test/runtime/samples/binding-input-group-each-9/main.svelte
 create mode 100644 test/runtime/samples/binding-input-group-undefined/_config.js
 create mode 100644 test/runtime/samples/binding-input-group-undefined/main.svelte
 create mode 100644 test/runtime/samples/binding-no-unnecessary-invalidation.skip/Tab.svelte
 create mode 100644 test/runtime/samples/binding-no-unnecessary-invalidation.skip/_config.js
 create mode 100644 test/runtime/samples/binding-no-unnecessary-invalidation.skip/main.svelte
 create mode 100644 test/runtime/samples/binding-select-initial-value-undefined-2/_config.js
 create mode 100644 test/runtime/samples/binding-select-initial-value-undefined-2/main.svelte
 create mode 100644 test/runtime/samples/class-shortcut-with-transition/_config.js
 create mode 100644 test/runtime/samples/class-shortcut-with-transition/main.svelte
 create mode 100644 test/runtime/samples/component-binding-each-remount-keyed/Child.svelte
 create mode 100644 test/runtime/samples/component-binding-each-remount-keyed/InnerChild.svelte
 create mode 100644 test/runtime/samples/component-binding-each-remount-keyed/_config.js
 create mode 100644 test/runtime/samples/component-binding-each-remount-keyed/main.svelte
 create mode 100644 test/runtime/samples/component-binding-each-remount-unkeyed/Child.svelte
 create mode 100644 test/runtime/samples/component-binding-each-remount-unkeyed/InnerChild.svelte
 create mode 100644 test/runtime/samples/component-binding-each-remount-unkeyed/_config.js
 create mode 100644 test/runtime/samples/component-binding-each-remount-unkeyed/main.svelte
 create mode 100644 test/runtime/samples/component-events-nullish/Widget.svelte
 create mode 100644 test/runtime/samples/component-events-nullish/_config.js
 create mode 100644 test/runtime/samples/component-events-nullish/main.svelte
 create mode 100644 test/runtime/samples/component-not-constructor-dev/_config.js
 create mode 100644 test/runtime/samples/component-not-constructor-dev/main.svelte
 create mode 100644 test/runtime/samples/component-not-constructor/Sub.svelte
 create mode 100644 test/runtime/samples/component-not-constructor/_config.js
 create mode 100644 test/runtime/samples/component-not-constructor/main.svelte
 create mode 100644 test/runtime/samples/component-not-constructor2-dev/Sub.svelte
 create mode 100644 test/runtime/samples/component-not-constructor2-dev/_config.js
 create mode 100644 test/runtime/samples/component-not-constructor2-dev/main.svelte
 create mode 100644 test/runtime/samples/component-not-constructor2/Sub.svelte
 create mode 100644 test/runtime/samples/component-not-constructor2/_config.js
 create mode 100644 test/runtime/samples/component-not-constructor2/main.svelte
 create mode 100644 test/runtime/samples/component-slot-let-inline-function/Inner.svelte
 create mode 100644 test/runtime/samples/component-slot-let-inline-function/Outer.svelte
 create mode 100644 test/runtime/samples/component-slot-let-inline-function/_config.js
 create mode 100644 test/runtime/samples/component-slot-let-inline-function/main.svelte
 rename test/runtime/samples/{component-svelte-slot-2 => component-svelte-fragment-2}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-2 => component-svelte-fragment-2}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-2 => component-svelte-fragment-2}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-aliased => component-svelte-fragment-let-aliased}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-aliased => component-svelte-fragment-let-aliased}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let-aliased => component-svelte-fragment-let-aliased}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-b => component-svelte-fragment-let-b}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-b => component-svelte-fragment-let-b}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let-b => component-svelte-fragment-let-b}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-c => component-svelte-fragment-let-c}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-c => component-svelte-fragment-let-c}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let-c => component-svelte-fragment-let-c}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-d => component-svelte-fragment-let-d}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-d => component-svelte-fragment-let-d}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let-d => component-svelte-fragment-let-d}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-destructured-2 => component-svelte-fragment-let-destructured-2}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-destructured-2 => component-svelte-fragment-let-destructured-2}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let-destructured-2 => component-svelte-fragment-let-destructured-2}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-destructured => component-svelte-fragment-let-destructured}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-destructured => component-svelte-fragment-let-destructured}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let-destructured => component-svelte-fragment-let-destructured}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-e => component-svelte-fragment-let-e}/A.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-e => component-svelte-fragment-let-e}/B.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-e => component-svelte-fragment-let-e}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let-e => component-svelte-fragment-let-e}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-f => component-svelte-fragment-let-f}/A.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-f => component-svelte-fragment-let-f}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let-f => component-svelte-fragment-let-f}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-in-binding => component-svelte-fragment-let-in-binding}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-in-binding => component-svelte-fragment-let-in-binding}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let-in-binding => component-svelte-fragment-let-in-binding}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-in-slot => component-svelte-fragment-let-in-slot}/Inner.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-in-slot => component-svelte-fragment-let-in-slot}/Outer.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-in-slot => component-svelte-fragment-let-in-slot}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let-in-slot => component-svelte-fragment-let-in-slot}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-named => component-svelte-fragment-let-named}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-named => component-svelte-fragment-let-named}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let-named => component-svelte-fragment-let-named}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-static => component-svelte-fragment-let-static}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let-static => component-svelte-fragment-let-static}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let-static => component-svelte-fragment-let-static}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let => component-svelte-fragment-let}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-let => component-svelte-fragment-let}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-let => component-svelte-fragment-let}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-nested => component-svelte-fragment-nested}/Child.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-nested => component-svelte-fragment-nested}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot-nested => component-svelte-fragment-nested}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot-nested => component-svelte-fragment-nested}/main.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot => component-svelte-fragment}/B.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot => component-svelte-fragment}/Nested.svelte (100%)
 rename test/runtime/samples/{component-svelte-slot => component-svelte-fragment}/_config.js (100%)
 rename test/runtime/samples/{component-svelte-slot => component-svelte-fragment}/main.svelte (100%)
 create mode 100644 test/runtime/samples/component-transition/_config.js
 create mode 100644 test/runtime/samples/component-transition/main.svelte
 create mode 100644 test/runtime/samples/const-tag-invalidate/_config.js
 create mode 100644 test/runtime/samples/const-tag-invalidate/main.svelte
 create mode 100644 test/runtime/samples/css-vars-escape/Sub.svelte
 create mode 100644 test/runtime/samples/css-vars-escape/_config.js
 create mode 100644 test/runtime/samples/css-vars-escape/main.svelte
 create mode 100644 test/runtime/samples/dev-warning-missing-data-component-bind/Foo.svelte
 create mode 100644 test/runtime/samples/dev-warning-missing-data-component-bind/_config.js
 create mode 100644 test/runtime/samples/dev-warning-missing-data-component-bind/main.svelte
 create mode 100644 test/runtime/samples/dynamic-component-dirty/_config.js
 create mode 100644 test/runtime/samples/dynamic-component-dirty/main.svelte
 create mode 100644 test/runtime/samples/dynamic-element-class-directive/Link.svelte
 create mode 100644 test/runtime/samples/dynamic-element-class-directive/_config.js
 create mode 100644 test/runtime/samples/dynamic-element-class-directive/main.svelte
 create mode 100644 test/runtime/samples/dynamic-element-svg/_config.js
 create mode 100644 test/runtime/samples/dynamic-element-svg/main.svelte
 create mode 100644 test/runtime/samples/dynamic-element-void-with-content-5/_config.js
 create mode 100644 test/runtime/samples/dynamic-element-void-with-content-5/main.svelte
 rename test/runtime/samples/{each-block-keyed-dyanmic-key => each-block-keyed-dynamic-key}/_config.js (100%)
 rename test/runtime/samples/{each-block-keyed-dyanmic-key => each-block-keyed-dynamic-key}/main.svelte (100%)
 create mode 100644 test/runtime/samples/empty-component-destroy/Empty.svelte
 create mode 100644 test/runtime/samples/empty-component-destroy/_config.js
 create mode 100644 test/runtime/samples/empty-component-destroy/main.svelte
 create mode 100644 test/runtime/samples/event-handler-modifier-stop-immediate-propagation/_config.js
 create mode 100644 test/runtime/samples/event-handler-modifier-stop-immediate-propagation/main.svelte
 create mode 100644 test/runtime/samples/html-entities-inside-attributes/_config.js
 create mode 100644 test/runtime/samples/html-entities-inside-attributes/main.svelte
 create mode 100644 test/runtime/samples/inline-style-directive-escape/_config.js
 create mode 100644 test/runtime/samples/inline-style-directive-escape/main.svelte
 create mode 100644 test/runtime/samples/select-multiple-spread-and-bind/_config.js
 create mode 100644 test/runtime/samples/select-multiple-spread-and-bind/main.svelte
 create mode 100644 test/runtime/samples/select-multiple-spread-and-bind/select.svelte
 create mode 100644 test/runtime/samples/select-multiple-spread/_config.js
 create mode 100644 test/runtime/samples/select-multiple-spread/main.svelte
 create mode 100644 test/runtime/samples/select-multiple-spread/select.svelte
 create mode 100644 test/runtime/samples/spread-component-immutable/Widget.svelte
 create mode 100644 test/runtime/samples/spread-component-immutable/_config.js
 create mode 100644 test/runtime/samples/spread-component-immutable/main.svelte
 create mode 100644 test/runtime/samples/spread-element-input-each-block-keyed/_config.js
 create mode 100644 test/runtime/samples/spread-element-input-each-block-keyed/main.svelte
 create mode 100644 test/runtime/samples/static-svelte-element/_config.js
 create mode 100644 test/runtime/samples/static-svelte-element/main.svelte
 create mode 100644 test/runtime/samples/static-svelte-element2/_config.js
 create mode 100644 test/runtime/samples/static-svelte-element2/main.svelte
 create mode 100644 test/runtime/samples/transition-js-deferred-option-direction/_config.js
 create mode 100644 test/runtime/samples/transition-js-deferred-option-direction/main.svelte
 create mode 100644 test/runtime/samples/transition-js-option-direction/_config.js
 create mode 100644 test/runtime/samples/transition-js-option-direction/main.svelte
 create mode 100644 test/server-side-rendering/samples/head-html-and-component/HeadNested.svelte
 create mode 100644 test/server-side-rendering/samples/head-html-and-component/Nested.svelte
 create mode 100644 test/server-side-rendering/samples/head-html-and-component/_expected-head.html
 create mode 100644 test/server-side-rendering/samples/head-html-and-component/_expected.html
 create mode 100644 test/server-side-rendering/samples/head-html-and-component/main.svelte
 create mode 100644 test/validator/samples/a11y-anchor-aria-label-has-no-content/input.svelte
 create mode 100644 test/validator/samples/a11y-anchor-aria-label-has-no-content/warnings.json
 create mode 100644 test/validator/samples/a11y-aria-activedescendant/input.svelte
 create mode 100644 test/validator/samples/a11y-aria-activedescendant/warnings.json
 create mode 100644 test/validator/samples/a11y-aria-proptypes-boolean/input.svelte
 create mode 100644 test/validator/samples/a11y-aria-proptypes-boolean/warnings.json
 create mode 100644 test/validator/samples/a11y-aria-proptypes-integer/input.svelte
 create mode 100644 test/validator/samples/a11y-aria-proptypes-integer/warnings.json
 create mode 100644 test/validator/samples/a11y-aria-proptypes-number/input.svelte
 create mode 100644 test/validator/samples/a11y-aria-proptypes-number/warnings.json
 create mode 100644 test/validator/samples/a11y-aria-proptypes-string/input.svelte
 create mode 100644 test/validator/samples/a11y-aria-proptypes-string/warnings.json
 create mode 100644 test/validator/samples/a11y-aria-proptypes-token/input.svelte
 create mode 100644 test/validator/samples/a11y-aria-proptypes-token/warnings.json
 create mode 100644 test/validator/samples/a11y-aria-proptypes-tokenlist/input.svelte
 create mode 100644 test/validator/samples/a11y-aria-proptypes-tokenlist/warnings.json
 create mode 100644 test/validator/samples/a11y-aria-proptypes-tristate/input.svelte
 create mode 100644 test/validator/samples/a11y-aria-proptypes-tristate/warnings.json
 create mode 100644 test/validator/samples/a11y-click-events-have-key-events/input.svelte
 create mode 100644 test/validator/samples/a11y-click-events-have-key-events/warnings.json
 create mode 100644 test/validator/samples/a11y-label-has-associated-control-2/input.svelte
 create mode 100644 test/validator/samples/a11y-label-has-associated-control-2/warnings.json
 create mode 100644 test/validator/samples/a11y-no-abstract-roles/input.svelte
 create mode 100644 test/validator/samples/a11y-no-abstract-roles/warnings.json
 create mode 100644 test/validator/samples/a11y-no-interactive-element-to-noninteractive-role/input.svelte
 create mode 100644 test/validator/samples/a11y-no-interactive-element-to-noninteractive-role/warnings.json
 create mode 100644 test/validator/samples/a11y-no-noninteractive-tabindex/input.svelte
 create mode 100644 test/validator/samples/a11y-no-noninteractive-tabindex/warnings.json
 create mode 100644 test/validator/samples/a11y-role-has-required-aria-props/input.svelte
 create mode 100644 test/validator/samples/a11y-role-has-required-aria-props/warnings.json
 create mode 100644 test/validator/samples/a11y-role-supports-aria-props/input.svelte
 create mode 100644 test/validator/samples/a11y-role-supports-aria-props/warnings.json
 create mode 100644 test/validator/samples/assignment-to-const-2/errors.json
 create mode 100644 test/validator/samples/assignment-to-const-2/input.svelte
 create mode 100644 test/validator/samples/assignment-to-const-3/errors.json
 create mode 100644 test/validator/samples/assignment-to-const-3/input.svelte
 create mode 100644 test/validator/samples/assignment-to-const-4/errors.json
 create mode 100644 test/validator/samples/assignment-to-const-4/input.svelte
 create mode 100644 test/validator/samples/assignment-to-const-5/errors.json
 create mode 100644 test/validator/samples/assignment-to-const-5/input.svelte
 create mode 100644 test/validator/samples/assignment-to-const-6/errors.json
 create mode 100644 test/validator/samples/assignment-to-const-6/input.svelte
 create mode 100644 test/validator/samples/assignment-to-const-7/errors.json
 create mode 100644 test/validator/samples/assignment-to-const-7/input.svelte
 create mode 100644 test/validator/samples/assignment-to-const-8/errors.json
 create mode 100644 test/validator/samples/assignment-to-const-8/input.svelte
 create mode 100644 test/validator/samples/assignment-to-const/errors.json
 create mode 100644 test/validator/samples/assignment-to-const/input.svelte
 create mode 100644 test/validator/samples/css-invalid-combinator-selector-1/errors.json
 create mode 100644 test/validator/samples/css-invalid-combinator-selector-1/input.svelte
 create mode 100644 test/validator/samples/css-invalid-combinator-selector-2/errors.json
 create mode 100644 test/validator/samples/css-invalid-combinator-selector-2/input.svelte
 create mode 100644 test/validator/samples/css-invalid-combinator-selector-3/errors.json
 create mode 100644 test/validator/samples/css-invalid-combinator-selector-3/input.svelte
 create mode 100644 test/validator/samples/css-invalid-combinator-selector-4/errors.json
 create mode 100644 test/validator/samples/css-invalid-combinator-selector-4/input.svelte
 create mode 100644 test/validator/samples/css-invalid-global-placement-4/errors.json
 create mode 100644 test/validator/samples/css-invalid-global-placement-4/input.svelte
 create mode 100644 test/validator/samples/css-invalid-global-placement-5/errors.json
 create mode 100644 test/validator/samples/css-invalid-global-placement-5/input.svelte
 create mode 100644 test/validator/samples/html-block-in-attribute/errors.json
 create mode 100644 test/validator/samples/html-block-in-attribute/input.svelte
 create mode 100644 test/validator/samples/html-block-in-textarea/errors.json
 create mode 100644 test/validator/samples/html-block-in-textarea/input.svelte
 create mode 100644 test/validator/samples/logic-block-in-attribute/errors.json
 create mode 100644 test/validator/samples/logic-block-in-attribute/input.svelte
 create mode 100644 test/validator/samples/logic-block-in-textarea/errors.json
 create mode 100644 test/validator/samples/logic-block-in-textarea/input.svelte
 create mode 100644 test/validator/samples/rest-eachblock-binding-2/input.svelte
 create mode 100644 test/validator/samples/rest-eachblock-binding-2/warnings.json
 create mode 100644 test/validator/samples/rest-eachblock-binding-3/input.svelte
 create mode 100644 test/validator/samples/rest-eachblock-binding-3/warnings.json
 create mode 100644 test/validator/samples/rest-eachblock-binding/input.svelte
 create mode 100644 test/validator/samples/rest-eachblock-binding/warnings.json
 create mode 100644 test/validator/samples/security-anchor-rel-noreferer-legacy/_config.js
 create mode 100644 test/validator/samples/security-anchor-rel-noreferer-legacy/input.svelte
 create mode 100644 test/validator/samples/security-anchor-rel-noreferer-legacy/warnings.json
 create mode 100644 test/validator/samples/security-anchor-rel-noreferer/input.svelte
 create mode 100644 test/validator/samples/security-anchor-rel-noreferer/warnings.json
 create mode 100644 test/validator/samples/slot-warning-ignore/input.svelte
 create mode 100644 test/validator/samples/slot-warning-ignore/warnings.json
 create mode 100644 test/validator/samples/slot-warning/input.svelte
 create mode 100644 test/validator/samples/slot-warning/warnings.json
 create mode 100644 test/validator/samples/slot-warning2/input.svelte
 create mode 100644 test/validator/samples/slot-warning2/warnings.json
 create mode 100644 test/validator/samples/style-directive-modifiers-invalid/errors.json
 create mode 100644 test/validator/samples/style-directive-modifiers-invalid/input.svelte
 create mode 100644 test/validator/samples/svelte-fragment-placement-2/errors.json
 rename test/validator/samples/{svelte-slot-placement-2 => svelte-fragment-placement-2}/input.svelte (100%)
 create mode 100644 test/validator/samples/svelte-fragment-placement/errors.json
 rename test/validator/samples/{svelte-slot-placement => svelte-fragment-placement}/input.svelte (100%)
 delete mode 100644 test/validator/samples/svelte-slot-placement-2/errors.json
 delete mode 100644 test/validator/samples/svelte-slot-placement/errors.json

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 7de5a35e135..05b48f2ae0a 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,6 +1,6 @@
 ### Before submitting the PR, please make sure you do the following
 - [ ] It's really useful if your PR references an issue where it is discussed ahead of time. In many cases, features are absent for a reason. For large changes, please create an RFC: https://github.com/sveltejs/rfcs
-- [ ] Prefix your PR title with `[feat]`, `[fix]`, `[chore]`, or `[docs]`.
+- [ ] Prefix your PR title with `feat:`, `fix:`, `chore:`, or `docs:`.
 - [ ] This message body should clearly illustrate what problems it solves.
 - [ ] Ideally, include a test that fails without this PR but passes with it.
 
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index bbfde04f67b..1e0ce538646 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -1,29 +1,86 @@
 name: CI
-on: [push, pull_request]
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+permissions:
+  contents: read # to fetch code (actions/checkout)
 jobs:
+  Setup:
+    runs-on: ${{ matrix.os }}
+    strategy:
+      matrix:
+        os: [ubuntu-latest, windows-latest, macOS-latest]
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: npm
+      - run: npm install
+        env:
+          SKIP_PREPARE: true
+      - run: npm run build
+        env:
+          PUBLISH: true
+      - name: Upload build assets
+        id: upload-artifact
+        uses: actions/upload-artifact@v3
+        with:
+          name: build-assets
+          path: |
+            index.*
+            compiler.*
+            ssr.*
+            action/
+            animate/
+            easing/
+            internal/
+            motion/
+            store/
+            transition/
+            types/
   Tests:
+    needs: Setup
     runs-on: ${{ matrix.os }}
     timeout-minutes: 15
     strategy:
       matrix:
-        node-version: [8, 10, 12, 14, 16]
+        node-version: [8, 10, 12, 14, 16, 18]
         os: [ubuntu-latest, windows-latest, macOS-latest]
     steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
           cache: npm
+      - name: Download build assets
+        uses: actions/download-artifact@v3
+        id: download-artifact
+        with:
+          name: build-assets
+      - name: Get Node version ${{ runner.os }}
+        run: echo "NODE_VERSION=`node --version`" >> $GITHUB_ENV
+        if: runner.os != 'Windows'
+      - name: Get Node version ${{ runner.os }}
+        run: |
+          chcp 65001
+          echo ("NODE_VERSION=$(node --version)") >> $env:GITHUB_ENV
+        if: runner.os == 'Windows'
+      - run: npm install --save-dev puppeteer@13
+        if: ${{ runner.os == 'Linux' && (!startsWith(env.NODE_VERSION, 'v8.') && !startsWith(env.NODE_VERSION, 'v10.')) }}
       - run: npm install
-      - run: npm test
+        env:
+          SKIP_PREPARE: true
+      - run: npm run test:integration
         env:
           CI: true
   Lint:
     runs-on: ubuntu-latest
     timeout-minutes: 5
     steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
           cache: npm
       - run: 'npm i && npm run lint'
@@ -34,8 +91,11 @@ jobs:
       matrix:
         os: [ubuntu-latest, windows-latest, macOS-latest]
     steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
           cache: npm
-      - run: 'npm i && npm run test:unit'
+      - run: npm install
+        env:
+          SKIP_PREPARE: true
+      - run: npm run test:unit
diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml
index ea6e0f5a60b..763fb725770 100644
--- a/.github/workflows/docs.yml
+++ b/.github/workflows/docs.yml
@@ -7,6 +7,8 @@ on:
     paths:
       - site/content/**
 
+permissions: {}
+
 jobs:
   release:
     name: Deploy docs
@@ -25,4 +27,4 @@ jobs:
           repo: 'svelte'
           branch: 'master'
           docs_path: 'site/content'
-          token: ${{ steps.github-app.outputs.token }}
\ No newline at end of file
+          token: ${{ steps.github-app.outputs.token }}
diff --git a/.gitignore b/.gitignore
index 22389f683ce..e70d995994f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,5 @@
 .idea
 .DS_Store
-.nyc_output
 .vscode
 node_modules
 *.map
@@ -22,3 +21,4 @@ node_modules
 _actual*.*
 _output
 /types
+.eslintcache
diff --git a/.mocharc.js b/.mocharc.js
index e55f26099e5..449f81ecd61 100644
--- a/.mocharc.js
+++ b/.mocharc.js
@@ -1,7 +1,7 @@
+const is_unit_test = process.env.UNIT_TEST;
+
 module.exports = {
-	file: [
-		'test/test.ts'
-	],
+	file: is_unit_test ? [] : ['test/test.ts'],
 	require: [
 		'sucrase/register'
 	]
diff --git a/.mocharc.unit.js b/.mocharc.unit.js
new file mode 100644
index 00000000000..387d70e7e0c
--- /dev/null
+++ b/.mocharc.unit.js
@@ -0,0 +1,15 @@
+module.exports = {
+	spec: [
+		'src/**/__test__.ts',
+	],
+	require: [
+		'sucrase/register'
+	],
+	recursive: true,
+};
+
+// add coverage options when running 'npx c8 mocha'
+if (process.env.NODE_V8_COVERAGE) {
+	module.exports.fullTrace = true;
+	module.exports.require.push('source-map-support/register');
+}
diff --git a/CHANGELOG.md b/CHANGELOG.md
index a884c0cc6e6..dbc87cdb0e4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,148 @@
 # Svelte changelog
 
+## 3.56.0
+
+* Add `|stopImmediatePropagation` event modifier ([#5085](https://github.com/sveltejs/svelte/issues/5085))
+* Add `axis` parameter to `slide` transition ([#6182](https://github.com/sveltejs/svelte/issues/6182))
+* Add `readonly` utility to convert `writable` store to readonly ([#6518](https://github.com/sveltejs/svelte/pull/6518))
+* Add `readyState` binding for media elements ([#6666](https://github.com/sveltejs/svelte/issues/6666))
+* Generate valid automatic component names when the filename contains only special characters ([#7143](https://github.com/sveltejs/svelte/issues/7143))
+* Add `naturalWidth` and `naturalHeight` bindings ([#7771](https://github.com/sveltejs/svelte/issues/7771))
+* Support `<!-- svelte-ignore ... -->` on components ([#8082](https://github.com/sveltejs/svelte/issues/8082))
+* Add a11y warnings:
+	* `aria-activedescendant-has-tabindex`: checks that elements with `aria-activedescendant` have a `tabindex` ([#8172](https://github.com/sveltejs/svelte/pull/8172))
+	* `role-supports-aria-props`: checks that the (implicit) element role supports the given aria attributes ([#8195](https://github.com/sveltejs/svelte/pull/8195))
+* Add `data-sveltekit-replacestate` and `data-sveltekit-keepfocus` attribute typings ([#8281](https://github.com/sveltejs/svelte/issues/8281))
+* Compute node dimensions immediately before crossfading ([#4111](https://github.com/sveltejs/svelte/issues/4111))
+* Fix potential infinite invalidate loop with `<svelte:component>` ([#4129](https://github.com/sveltejs/svelte/issues/4129))
+* Ensure `bind:offsetHeight` updates initially ([#4233](https://github.com/sveltejs/svelte/issues/4233))
+* Don't set selected options if value is unbound or not passed ([#5644](https://github.com/sveltejs/svelte/issues/5644))
+* Validate component `:global()` selectors ([#6272](https://github.com/sveltejs/svelte/issues/6272))
+* Improve warnings:
+	* Make `noreferrer` warning less zealous ([#6289](https://github.com/sveltejs/svelte/issues/6289))
+	* Omit a11y warnings on `<video aria-hidden="true">` ([#7874](https://github.com/sveltejs/svelte/issues/7874))
+	* Omit a11y warnings on `<svelte:element>` ([#7939](https://github.com/sveltejs/svelte/issues/7939))
+	* Detect unused empty attribute CSS selectors ([#8042](https://github.com/sveltejs/svelte/issues/8042))
+	* Omit "no child content" warning on elements with `aria-label` ([#8296](https://github.com/sveltejs/svelte/issues/8296))
+* Check value equality for `<input type="search">` and `<input type="url">` ([#7027](https://github.com/sveltejs/svelte/issues/7027))
+* Do not select a disabled `<option>` by default when the initial bound value is undefined ([#7041](https://github.com/sveltejs/svelte/issues/7041))
+* Handle `{@html}` tags inside `<template>` tags ([#7364](https://github.com/sveltejs/svelte/pull/7364))
+* Ensure `afterUpdate` is not called after `onDestroy` ([#7476](https://github.com/sveltejs/svelte/issues/7476))
+* Improve handling of `inert` attribute ([#7500](https://github.com/sveltejs/svelte/issues/7500))
+* Reduce use of template literals in SSR output for better performance ([#7539](https://github.com/sveltejs/svelte/pull/7539))
+* Ensure `<input>` value persists when swapping elements with spread attributes in an `{#each}` block ([#7578](https://github.com/sveltejs/svelte/issues/7578))
+* Simplify generated code for reactive statements if dependencies are all static ([#7942](https://github.com/sveltejs/svelte/pull/7942))
+* Fix race condition on `<svelte:element>` with transitions ([#7948](https://github.com/sveltejs/svelte/issues/7948))
+* Allow assigning to a property of a `const` when destructuring ([#7964](https://github.com/sveltejs/svelte/issues/7964))
+* Match browser behavior for decoding malformed HTML entities ([#8026](https://github.com/sveltejs/svelte/issues/8026))
+* Ensure `trusted-types` CSP compatibility for Web Components ([#8134](https://github.com/sveltejs/svelte/issues/8134))
+* Optimise `<svelte:element>` output code for static tag and static attribute ([#8161](https://github.com/sveltejs/svelte/pull/8161))
+* Don't throw when calling unsubscribing from a store twice ([#8186](https://github.com/sveltejs/svelte/pull/8186))
+* Clear inputs when `bind:group` value is set to `undefined` ([#8214](https://github.com/sveltejs/svelte/issues/8214))
+* Fix handling of nested arrays with keyed `{#each}` containing a non-keyed `{#each}` ([#8282](https://github.com/sveltejs/svelte/issues/8282))
+
+## 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))
+
+## 3.54.0
+
+* Pass `options.direction` argument to custom transition functions ([#3918](https://github.com/sveltejs/svelte/issues/3918))
+* Support fallback a11y WAI-ARIA roles ([#8044](https://github.com/sveltejs/svelte/issues/8044))
+* Prevent running init binding unnecessarily ([#5689](https://github.com/sveltejs/svelte/issues/5689), [#6298](https://github.com/sveltejs/svelte/issues/6298))
+* Allow updating variables from `@const` declared function ([#7843](https://github.com/sveltejs/svelte/issues/7843))
+* Do not emit `a11y-no-noninteractive-tabindex` warning if element has a `tabpanel` ([#8025](https://github.com/sveltejs/svelte/pull/8025))
+* Fix escaping SSR'd values in `style:` directive ([#8085](https://github.com/sveltejs/svelte/issues/8085))
+
+## 3.53.1
+
+* Fix exception in `rel=` attribute check with dynamic values ([#7994](https://github.com/sveltejs/svelte/issues/7994))
+* Do not emit deprecation warnings for `css` compiler options for now ([#8009](https://github.com/sveltejs/svelte/issues/8009))
+* Make compiler run in browser again ([#8010](https://github.com/sveltejs/svelte/issues/8010))
+* Upgrade `tslib` ([#8013](https://github.com/sveltejs/svelte/issues/8013))
+
+## 3.53.0
+
+* Check whether `parentNode` exists before removing child ([#6037](https://github.com/sveltejs/svelte/issues/6037))
+* Upgrade various dependencies, notably `css-tree` to `2.2.1` ([#7572](https://github.com/sveltejs/svelte/pull/7572), [#7982](https://github.com/sveltejs/svelte/pull/7982))
+* Extend `css` compiler option with `'external' | 'injected' | 'none'` settings and deprecate old `true | false` values ([#7914](https://github.com/sveltejs/svelte/pull/7914))
+
+## 3.52.0
+
+* Throw compile-time error when attempting to update `const` variable ([#4895](https://github.com/sveltejs/svelte/issues/4895))
+* Warn when using `<a target="_blank">` without `rel="noreferrer"` ([#6188](https://github.com/sveltejs/svelte/issues/6188))
+* Support `style:foo|important` modifier ([#7365](https://github.com/sveltejs/svelte/issues/7365))
+* Fix hydration regression with `{@html}` and components in `<svelte:head>` ([#7941](https://github.com/sveltejs/svelte/pull/7941))
+
+## 3.51.0
+
+* Add a11y warnings:
+	* `a11y-click-events-have-key-events`: check if click event is accompanied by key events ([#5073](https://github.com/sveltejs/svelte/pull/5073))
+	* `a11y-no-noninteractive-tabindex`: check for tabindex on non-interactive elements ([#6693](https://github.com/sveltejs/svelte/pull/6693))
+* Warn when two-way binding to `{...rest}` object in `{#each}` block ([#6860](https://github.com/sveltejs/svelte/issues/6860))
+* Support `--style-props` on `<svelte:component>` ([#7461](https://github.com/sveltejs/svelte/issues/7461))
+* Supports nullish values for component event handlers ([#7568](https://github.com/sveltejs/svelte/issues/7568))
+* Supports SVG elements with `<svelte:element>`([#7613](https://github.com/sveltejs/svelte/issues/7613))
+* Treat `inert` as boolean attribute ([#7785](https://github.com/sveltejs/svelte/pull/7785))
+* Support `--style-props` for SVG components ([#7808](https://github.com/sveltejs/svelte/issues/7808))
+* Fix false positive dev warnings about unset props when they are bound ([#4457](https://github.com/sveltejs/svelte/issues/4457))
+* Fix hydration with `{@html}` and components in `<svelte:head>` ([#4533](https://github.com/sveltejs/svelte/issues/4533), [#6463](https://github.com/sveltejs/svelte/issues/6463), [#7444](https://github.com/sveltejs/svelte/issues/7444))
+* Support scoped style for `<svelte:element>` ([#7443](https://github.com/sveltejs/svelte/issues/7443))
+* Improve error message for invalid value for `<svelte:component this={...}>` ([#7550](https://github.com/sveltejs/svelte/issues/7550))
+* Improve error message when using logic blocks or tags at invalid location ([#7552](https://github.com/sveltejs/svelte/issues/7552))
+* Warn instead of throwing error if `<svelte:element>` is a void tag ([#7566](https://github.com/sveltejs/svelte/issues/7566))
+* Supports custom elements in `<svelte:element>` ([#7733](https://github.com/sveltejs/svelte/issues/7733))
+* Fix calling component unmount if a component is mounted and then immediately unmounted ([#7817](https://github.com/sveltejs/svelte/issues/7817))
+* Do not generate `a11y-role-has-required-aria-props` warning when elements match their semantic role ([#7837](https://github.com/sveltejs/svelte/issues/7837))
+* Improve performance of custom element data setting in `<svelte:element>` ([#7869](https://github.com/sveltejs/svelte/pull/7869))
+
+## 3.50.1
+
+* Add all global objects and functions as known globals ([#3805](https://github.com/sveltejs/svelte/issues/3805), [#7223](https://github.com/sveltejs/svelte/issues/7223))
+* Fix regression with style manager ([#7828](https://github.com/sveltejs/svelte/issues/7828))
+
+## 3.50.0
+
+* Add a11y warnings:
+	* `a11y-incorrect-aria-attribute-type`: check ARIA state and property values ([#6978](https://github.com/sveltejs/svelte/pull/6978))
+	* `a11y-no-abstract-role`: check that ARIA roles are non-abstract ([#6241](https://github.com/sveltejs/svelte/pull/6241))
+	* `a11y-no-interactive-element-to-noninteractive-role`: check for non-interactive roles used on interactive elements ([#5955](https://github.com/sveltejs/svelte/pull/5955))
+	* `a11y-role-has-required-aria-props`: check that elements with `role` attribute have all required attributes for that role ([#5852](https://github.com/sveltejs/svelte/pull/5852))
+* Add `ComponentEvents` convenience type ([#7702](https://github.com/sveltejs/svelte/pull/7702))
+* Add `SveltePreprocessor` utility type ([#7742](https://github.com/sveltejs/svelte/pull/7742))
+* Enhance action typings ([#7805](https://github.com/sveltejs/svelte/pull/7805))
+* Remove empty stylesheets created from transitions ([#4801](https://github.com/sveltejs/svelte/issues/4801), [#7164](https://github.com/sveltejs/svelte/issues/7164))
+* Make `a11y-label-has-associated-control` warning check all descendants for input control ([#5528](https://github.com/sveltejs/svelte/issues/5528))
+* Only show lowercase component name warnings for non-HTML/SVG elements ([#5712](https://github.com/sveltejs/svelte/issues/5712))
+* Disallow invalid CSS selectors starting with a combinator ([#7643](https://github.com/sveltejs/svelte/issues/7643))
+* Use `Node.parentNode` instead of `Node.parentElement` for legacy browser support ([#7723](https://github.com/sveltejs/svelte/issues/7723))
+* Handle arrow function on `<slot>` inside `<svelte:fragment>` ([#7485](https://github.com/sveltejs/svelte/issues/7485))
+* Improve parsing speed when encountering large blocks of whitespace ([#7675](https://github.com/sveltejs/svelte/issues/7675))
+* Fix `class:` directive updates in aborted/restarted transitions ([#7764](https://github.com/sveltejs/svelte/issues/7764))
+
+## 3.49.0
+
+* Improve performance of string escaping during SSR ([#5701](https://github.com/sveltejs/svelte/pull/5701))
+* Add `ComponentType` and `ComponentProps` convenience types ([#6770](https://github.com/sveltejs/svelte/pull/6770))
+* Add support for CSS `@layer` ([#7504](https://github.com/sveltejs/svelte/issues/7504))
+* Export `CompileOptions` from `svelte/compiler` ([#7658](https://github.com/sveltejs/svelte/pull/7658))
+* Fix DOM-less components not being properly destroyed ([#7488](https://github.com/sveltejs/svelte/issues/7488))
+* Fix `class:` directive updates with `<svelte:element>` ([#7521](https://github.com/sveltejs/svelte/issues/7521), [#7571](https://github.com/sveltejs/svelte/issues/7571))
+* Harden attribute escaping during SSR ([#7530](https://github.com/sveltejs/svelte/pull/7530))
+
 ## 3.48.0
 
 * Allow creating cancelable custom events with `createEventDispatcher` ([#4623](https://github.com/sveltejs/svelte/issues/4623))
@@ -936,7 +1079,7 @@ Also:
 
 ## 3.5.1
 
-* Accommodate webpack idiosyncracies
+* Accommodate webpack idiosyncrasies
 
 ## 3.5.0
 
@@ -1138,7 +1281,7 @@ Also:
 ## 2.12.0
 
 * Initialise actions on mount rather than hydrate ([#1653](https://github.com/sveltejs/svelte/pull/1653))
-* Allow non-existent components to be destroyed ([#1677](https://github.com/sveltejs/svelte/pull/1677))
+* Allow nonexistent components to be destroyed ([#1677](https://github.com/sveltejs/svelte/pull/1677))
 * Pass AMD ID from CLI correctly ([#1672](https://github.com/sveltejs/svelte/pull/1672))
 * Minor AST tweaks ([#1673](https://github.com/sveltejs/svelte/pull/1673), [#1674](https://github.com/sveltejs/svelte/pull/1674))
 * Reduce code duplication in component initialisation ([#1670](https://github.com/sveltejs/svelte/pull/1670))
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index c7989caeea7..01f8728cc09 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -11,9 +11,9 @@ The [Open Source Guides](https://opensource.guide/) website has a collection of
 
 There are many ways to contribute to Svelte, and many of them do not involve writing any code. Here's a few ideas to get started:
 
-- Simply start using Svelte. Go through the [Getting Started](https://svelte.dev/blog/the-easiest-way-to-get-started) guide. Does everything work as expected? If not, we're always looking for improvements. Let us know by [opening an issue](#reporting-new-issues).
+- Simply start using Svelte. Go through the [Getting Started](https://svelte.dev/docs#getting-started) guide. Does everything work as expected? If not, we're always looking for improvements. Let us know by [opening an issue](#reporting-new-issues).
 - Look through the [open issues](https://github.com/sveltejs/svelte/issues). A good starting point would be issues tagged [good first issue](https://github.com/sveltejs/svelte/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22). Provide workarounds, ask for clarification, or suggest labels. Help [triage issues](#triaging-issues-and-pull-requests).
-- If you find an issue you would like to fix, [open a pull request](#your-first-pull-request).
+- If you find an issue you would like to fix, [open a pull request](#pull-requests).
 - Read through our [tutorials](https://svelte.dev/tutorial/basics). If you find anything that is confusing or can be improved, you can make edits by clicking "Edit this chapter" at the bottom left of the tutorial page.
 - Take a look at the [features requested](https://github.com/sveltejs/svelte/labels/feature%20request) by others in the community and consider opening a pull request if you see something you want to work on.
 
@@ -24,65 +24,63 @@ Contributions are very welcome. If you think you need help planning your contrib
 One great way you can contribute to the project without writing any code is to help triage issues and pull requests as they come in.
 
 - Ask for more information if you believe the issue does not provide all the details required to solve it.
-- Suggest [labels](https://github.com/sveltejs/svelte/labels) that can help categorize issues.
 - Flag issues that are stale or that should be closed.
 - Ask for test plans and review code.
 
-## Bugs
+## Our process
 
-We use [GitHub issues](https://github.com/sveltejs/svelte/issues) for our public bugs. If you would like to report a problem, take a look around and see if someone already opened an issue about it. If you are certain this is a new unreported bug, you can submit a [bug report](#reporting-new-issues).
+### RFCs
 
-If you have questions about using Svelte, contact us on Discord at [svelte.dev/chat](https://svelte.dev/chat), and we will do our best to answer your questions.
+If you'd like to propose an implementation for a large new feature or change then please [create an RFC](https://github.com/sveltejs/rfcs) to discuss it up front.
 
-If you see anything you'd like to be implemented, create a [feature request issue](https://github.com/sveltejs/svelte/issues/new?template=feature_request.md)
+### Roadmap
 
-## Reporting new issues
+When deciding where to contribute, you may wish to take a look at [our roadmap](https://svelte.dev/roadmap). The Svelte team generally works on a single major effort at a time. This has a couple benefits for us as maintainers. First, it allows us to focus and make noticeable progress in an area being proactive rather than reactive. Secondly, it allows us to handle related issues and PRs together. By batching issues and PRs together we’re able to ensure implementations and fixes holistically address the set of problems and use cases encountered by our users.
 
-When [opening a new issue](https://github.com/sveltejs/svelte/issues/new/choose), always make sure to fill out the issue template. **This step is very important!** Not doing so may result in your issue not being managed in a timely fashion. Don't take this personally if this happens, and feel free to open a new issue once you've gathered all the information required by the template.
+### Maintainer meetings
 
-- **One issue, one bug:** Please report a single bug per issue.
-- **Provide reproduction steps:** List all the steps necessary to reproduce the issue. The person reading your bug report should be able to follow these steps to reproduce your issue with minimal effort. If possible, use the [REPL](https://svelte.dev/repl) to create your reproduction.
+The maintainers meet on the final Saturday of each month. While these meetings are not open publicly, we will report back by leaving a comment on each issue discussed. We will generally discuss items aligning with our roadmap, but major PRs needing discussion amongst the maintainers can be added to the agenda for the monthly maintainer’s meeting. However, we typically are only able to get to a couple of items that are not aligned with our current priority.
 
-## RFCs
+### Prioritization
 
-If you'd like to propose an implementation for a large new feature or change then please [create an RFC](https://github.com/sveltejs/rfcs) to discuss it up front.
+We do our best to review PRs and RFCs as they are sent, but it is difficult to keep up. We welcome help in reviewing PRs, RFC, and issues. If an item aligns with the current priority on our [roadmap](https://svelte.dev/roadmap), it is more likely to be reviewed quickly. PRs to the most important and active ones repositories get reviewed more quickly while PRs to smaller inactive repos may sit for a bit before we periodically come by and review the pending PRs in a batch.
 
-## Installation
+## Bugs
 
-1. Ensure you have [npm](https://www.npmjs.com/get-npm) installed.
-1. After cloning the repository, run `npm install` in the root of the repository.
-1. To start a development server, run `npm run dev`.
+We use [GitHub issues](https://github.com/sveltejs/svelte/issues) for our public bugs. If you would like to report a problem, take a look around and see if someone already opened an issue about it. If you are certain this is a new unreported bug, you can submit a [bug report](#reporting-new-issues).
 
-## Pull requests
+If you have questions about using Svelte, contact us on Discord at [svelte.dev/chat](https://svelte.dev/chat), and we will do our best to answer your questions.
 
-### Your first pull request
+If you see anything you'd like to be implemented, create a [feature request issue](https://github.com/sveltejs/svelte/issues/new?template=feature_request.md)
 
-So you have decided to contribute code back to upstream by opening a pull request. You've invested a good chunk of time, and we appreciate it. We will do our best to work with you and get the PR looked at.
+### Reporting new issues
 
-Working on your first Pull Request? You can learn how from this free video series:
+When [opening a new issue](https://github.com/sveltejs/svelte/issues/new/choose), always make sure to fill out the issue template. **This step is very important!** Not doing so may result in your issue not being managed in a timely fashion. Don't take this personally if this happens, and feel free to open a new issue once you've gathered all the information required by the template.
+
+- **One issue, one bug:** Please report a single bug per issue.
+- **Provide reproduction steps:** List all the steps necessary to reproduce the issue. The person reading your bug report should be able to follow these steps to reproduce your issue with minimal effort. If possible, use the [REPL](https://svelte.dev/repl) to create your reproduction.
 
-[**How to Contribute to an Open Source Project on GitHub**](https://egghead.io/courses/how-to-contribute-to-an-open-source-project-on-github)
+## Pull requests
 
 ### Proposing a change
 
-If you would like to request a new feature or enhancement but are not yet thinking about opening a pull request, you can also file an issue with [feature template](https://github.com/sveltejs/svelte/issues/new?template=feature_request.md).
+If you would like to request a new feature or enhancement but are not yet thinking about opening a pull request, you can also file an issue with [feature template](https://github.com/sveltejs/svelte/issues/new?template=feature_request.yml).
 
 If you're only fixing a bug, it's fine to submit a pull request right away, but we still recommend that you file an issue detailing what you're fixing. This is helpful in case we don't accept that specific fix but want to keep track of the issue.
 
-### Sending a pull request
+Small pull requests are much easier to review and more likely to get merged.
 
-Small pull requests are much easier to review and more likely to get merged. Make sure the PR does only one thing, otherwise please split it.
+### Installation
 
-Please make sure the following is done when submitting a pull request:
+1. Ensure you have [npm](https://www.npmjs.com/get-npm) installed.
+1. After cloning the repository, run `npm install` in the root of the repository.
+1. To start a development server, run `npm run dev`.
 
-1. Fork [the repository](https://github.com/sveltejs/svelte) and create your branch from `master`.
-1. Describe your **test plan** in your pull request description. Make sure to test your changes.
-1. Make sure your code lints (`npm run lint`).
-1. Make sure your tests pass (`npm run test`).
+### Creating a branch
 
-All pull requests should be opened against the `master` branch.
+Fork [the repository](https://github.com/sveltejs/svelte) and create your branch from `master`. If you've never sent a GitHub pull request before, you can learn how from [this free video series](https://egghead.io/courses/how-to-contribute-to-an-open-source-project-on-github).
 
-#### Test plan
+### Testing
 
 A good test plan has the exact commands you ran and their output, provides screenshots or videos if the pull request changes UI.
 
@@ -110,6 +108,25 @@ Test samples are kept in `/test/xxx/samples` folder.
 1. Tests suites like `css`, `js`, `server-side-rendering` asserts that the generated output has to match the content in the `.expected` file. For example, in the `js` test suites, the generated js code is compared against the content in `expected.js`.
 1. To update the content of the `.expected` file, run the test with `--update` flag. (`npm run test --update`)
 
+### Style guide
+
+[Eslint](https://eslint.org) will catch most styling issues that may exist in your code. You can check the status of your code styling by simply running `npm run lint`.
+
+#### Code conventions
+
+- `snake_case` for internal variable names and methods.
+- `camelCase` for public variable names and methods.
+
+### Sending your pull request
+
+Please make sure the following is done when submitting a pull request:
+
+1. Describe your **test plan** in your pull request description. Make sure to test your changes.
+1. Make sure your code lints (`npm run lint`).
+1. Make sure your tests pass (`npm run test`).
+
+All pull requests should be opened against the `master` branch. Make sure the PR does only one thing, otherwise please split it.
+
 #### Breaking changes
 
 When adding a new breaking change, follow this template in your pull request:
@@ -123,19 +140,10 @@ When adding a new breaking change, follow this template in your pull request:
 - **Severity (number of people affected x effort)**:
 ```
 
-### What happens next?
-
-The core Svelte team will be monitoring for pull requests. Do help us by making your pull request easy to review by following the guidelines above.
-
-## Style guide
-
-[Eslint](https://eslint.org) will catch most styling issues that may exist in your code. You can check the status of your code styling by simply running `npm run lint`.
-
-### Code conventions
-
-- `snake_case` for internal variable names and methods.
-- `camelCase` for public variable names and methods.
-
 ## License
 
 By contributing to Svelte, you agree that your contributions will be licensed under its [MIT license](https://github.com/sveltejs/svelte/blob/master/LICENSE).
+
+## Questions
+
+Feel free to ask in [#contributing](https://discord.com/channels/457912077277855764/750401468569354431) on [Discord](https://svelte.dev/chat) if you have questions about our process, how to proceed, etc.
diff --git a/LICENSE.md b/LICENSE.md
index cd8f94f4cac..aa744067687 100644
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -1,4 +1,4 @@
-Copyright (c) 2016-22 [these people](https://github.com/sveltejs/svelte/graphs/contributors)
+Copyright (c) 2016-23 [these people](https://github.com/sveltejs/svelte/graphs/contributors)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 
diff --git a/README.md b/README.md
index fa66ac6cc9f..11150f39b88 100644
--- a/README.md
+++ b/README.md
@@ -20,6 +20,11 @@ Svelte is an MIT-licensed open source project with its ongoing development made
 Funds donated via Open Collective will be used for compensating expenses related to Svelte's development such as hosting costs. If sufficient donations are received, funds may also be used to support Svelte's development more directly.
 
 
+## Roadmap
+
+You may view [our roadmap](https://svelte.dev/roadmap) if you'd like to see what we're currently working on.
+
+
 ## Development
 
 Pull requests are encouraged and always welcome. [Pick an issue](https://github.com/sveltejs/svelte/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc) and help us out!
@@ -64,7 +69,7 @@ npm run test -- -g transition
 
 ## svelte.dev
 
-The source code for https://svelte.dev, including all the documentation, lives in the [site](site) directory. The site is built with [SvelteKit](https://kit.svelte.dev).
+The source code for https://svelte.dev lives in the [sites](https://github.com/sveltejs/sites) repository, with all the documentation in the [site/content](site/content) directory. The site is built with [SvelteKit](https://kit.svelte.dev).
 
 ### Is svelte.dev down?
 
diff --git a/elements/index.d.ts b/elements/index.d.ts
new file mode 100644
index 00000000000..72a077a7d5b
--- /dev/null
+++ b/elements/index.d.ts
@@ -0,0 +1,1591 @@
+// Type definitions for Svelte HTML, based on JSX React 18 typings
+// Original Project/Authors:
+// Type definitions for React 18.0
+// Project: http://facebook.github.io/react/
+// Definitions by: Asana <https://asana.com>
+//                 AssureSign <http://www.assuresign.com>
+//                 Microsoft <https://microsoft.com>
+//                 John Reilly <https://github.com/johnnyreilly>
+//                 Benoit Benezech <https://github.com/bbenezech>
+//                 Patricio Zavolinsky <https://github.com/pzavolinsky>
+//                 Eric Anderson <https://github.com/ericanderson>
+//                 Dovydas Navickas <https://github.com/DovydasNavickas>
+//                 Josh Rutherford <https://github.com/theruther4d>
+//                 Guilherme Hübner <https://github.com/guilhermehubner>
+//                 Ferdy Budhidharma <https://github.com/ferdaber>
+//                 Johann Rakotoharisoa <https://github.com/jrakotoharisoa>
+//                 Olivier Pascal <https://github.com/pascaloliv>
+//                 Martin Hochel <https://github.com/hotell>
+//                 Frank Li <https://github.com/franklixuefei>
+//                 Jessica Franco <https://github.com/Jessidhia>
+//                 Saransh Kataria <https://github.com/saranshkataria>
+//                 Kanitkorn Sujautra <https://github.com/lukyth>
+//                 Sebastian Silbermann <https://github.com/eps1lon>
+//                 Kyle Scully <https://github.com/zieka>
+//                 Cong Zhang <https://github.com/dancerphil>
+//                 Dimitri Mitropoulos <https://github.com/dimitropoulos>
+//                 JongChan Choi <https://github.com/disjukr>
+//                 Victor Magalhães <https://github.com/vhfmag>
+//                 Dale Tan <https://github.com/hellatan>
+//                 Priyanshu Rav <https://github.com/priyanshurav>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+// Note: We also allow `null` as a valid value because Svelte treats this the same as `undefined`
+
+type Booleanish = boolean | 'true' | 'false';
+
+//
+// Event Handler Types
+// ----------------------------------------------------------------------
+
+type EventHandler<E extends Event = Event, T extends EventTarget = Element> =
+(event: E & { currentTarget: EventTarget & T}) => any;
+
+export type ClipboardEventHandler<T extends EventTarget> = EventHandler<ClipboardEvent, T>;
+export type CompositionEventHandler<T extends EventTarget> = EventHandler<CompositionEvent, T>;
+export type DragEventHandler<T extends EventTarget> = EventHandler<DragEvent, T>;
+export type FocusEventHandler<T extends EventTarget> = EventHandler<FocusEvent, T>;
+export type FormEventHandler<T extends EventTarget> = EventHandler<Event, T>;
+export type ChangeEventHandler<T extends EventTarget> = EventHandler<Event, T>;
+export type KeyboardEventHandler<T extends EventTarget> = EventHandler<KeyboardEvent, T>;
+export type MouseEventHandler<T extends EventTarget> = EventHandler<MouseEvent, T>;
+export type TouchEventHandler<T extends EventTarget> = EventHandler<TouchEvent, T>;
+export type PointerEventHandler<T extends EventTarget> = EventHandler<PointerEvent, T>;
+export type UIEventHandler<T extends EventTarget> = EventHandler<UIEvent, T>;
+export type WheelEventHandler<T extends EventTarget> = EventHandler<WheelEvent, T>;
+export type AnimationEventHandler<T extends EventTarget> = EventHandler<AnimationEvent, T>;
+export type TransitionEventHandler<T extends EventTarget> = EventHandler<TransitionEvent, T>;
+export type MessageEventHandler<T extends EventTarget> = EventHandler<MessageEvent, T>;
+
+//
+// DOM Attributes
+// ----------------------------------------------------------------------
+
+export interface DOMAttributes<T extends EventTarget> {
+	// Clipboard Events
+	'on:copy'?: ClipboardEventHandler<T> | undefined | null;
+	'on:cut'?: ClipboardEventHandler<T> | undefined | null;
+	'on:paste'?: ClipboardEventHandler<T> | undefined | null;
+
+	// Composition Events
+	'on:compositionend'?: CompositionEventHandler<T> | undefined | null;
+	'on:compositionstart'?: CompositionEventHandler<T> | undefined | null;
+	'on:compositionupdate'?: CompositionEventHandler<T> | undefined | null;
+
+	// Focus Events
+	'on:focus'?: FocusEventHandler<T> | undefined | null;
+	'on:focusin'?: FocusEventHandler<T> | undefined | null;
+	'on:focusout'?: FocusEventHandler<T> | undefined | null;
+	'on:blur'?: FocusEventHandler<T> | undefined | null;
+
+	// Form Events
+	'on:change'?: FormEventHandler<T> | undefined | null;
+	'on:beforeinput'?: EventHandler<InputEvent, T> | undefined | null;
+	'on:input'?: FormEventHandler<T> | undefined | null;
+	'on:reset'?: FormEventHandler<T> | undefined | null;
+	'on:submit'?: EventHandler<Event & { readonly submitter: HTMLElement | null; }, T> | undefined | null; // TODO make this SubmitEvent once we require TS>=4.4
+	'on:invalid'?: EventHandler<Event, T> | undefined | null;
+	'on:formdata'?: EventHandler<Event & { readonly formData: FormData; }, T> | undefined | null; // TODO make this FormDataEvent once we require TS>=4.4
+
+	// Image Events
+	'on:load'?: EventHandler | undefined | null;
+	'on:error'?: EventHandler | undefined | null; // also a Media Event
+
+	// Detail Events
+	'on:toggle'?: EventHandler<Event, T> | undefined | null;
+
+	// Keyboard Events
+	'on:keydown'?: KeyboardEventHandler<T> | undefined | null;
+	'on:keypress'?: KeyboardEventHandler<T> | undefined | null;
+	'on:keyup'?: KeyboardEventHandler<T> | undefined | null;
+
+	// Media Events
+	'on:abort'?: EventHandler<Event, T> | undefined | null;
+	'on:canplay'?: EventHandler<Event, T> | undefined | null;
+	'on:canplaythrough'?: EventHandler<Event, T> | undefined | null;
+	'on:cuechange'?: EventHandler<Event, T> | undefined | null;
+	'on:durationchange'?: EventHandler<Event, T> | undefined | null;
+	'on:emptied'?: EventHandler<Event, T> | undefined | null;
+	'on:encrypted'?: EventHandler<Event, T> | undefined | null;
+	'on:ended'?: EventHandler<Event, T> | undefined | null;
+	'on:loadeddata'?: EventHandler<Event, T> | undefined | null;
+	'on:loadedmetadata'?: EventHandler<Event, T> | undefined | null;
+	'on:loadstart'?: EventHandler<Event, T> | undefined | null;
+	'on:pause'?: EventHandler<Event, T> | undefined | null;
+	'on:play'?: EventHandler<Event, T> | undefined | null;
+	'on:playing'?: EventHandler<Event, T> | undefined | null;
+	'on:progress'?: EventHandler<Event, T> | undefined | null;
+	'on:ratechange'?: EventHandler<Event, T> | undefined | null;
+	'on:seeked'?: EventHandler<Event, T> | undefined | null;
+	'on:seeking'?: EventHandler<Event, T> | undefined | null;
+	'on:stalled'?: EventHandler<Event, T> | undefined | null;
+	'on:suspend'?: EventHandler<Event, T> | undefined | null;
+	'on:timeupdate'?: EventHandler<Event, T> | undefined | null;
+	'on:volumechange'?: EventHandler<Event, T> | undefined | null;
+	'on:waiting'?: EventHandler<Event, T> | undefined | null;
+
+	// MouseEvents
+	'on:auxclick'?: MouseEventHandler<T> | undefined | null;
+	'on:click'?: MouseEventHandler<T> | undefined | null;
+	'on:contextmenu'?: MouseEventHandler<T> | undefined | null;
+	'on:dblclick'?: MouseEventHandler<T> | undefined | null;
+	'on:drag'?: DragEventHandler<T> | undefined | null;
+	'on:dragend'?: DragEventHandler<T> | undefined | null;
+	'on:dragenter'?: DragEventHandler<T> | undefined | null;
+	'on:dragexit'?: DragEventHandler<T> | undefined | null;
+	'on:dragleave'?: DragEventHandler<T> | undefined | null;
+	'on:dragover'?: DragEventHandler<T> | undefined | null;
+	'on:dragstart'?: DragEventHandler<T> | undefined | null;
+	'on:drop'?: DragEventHandler<T> | undefined | null;
+	'on:mousedown'?: MouseEventHandler<T> | undefined | null;
+	'on:mouseenter'?: MouseEventHandler<T> | undefined | null;
+	'on:mouseleave'?: MouseEventHandler<T> | undefined | null;
+	'on:mousemove'?: MouseEventHandler<T> | undefined | null;
+	'on:mouseout'?: MouseEventHandler<T> | undefined | null;
+	'on:mouseover'?: MouseEventHandler<T> | undefined | null;
+	'on:mouseup'?: MouseEventHandler<T> | undefined | null;
+
+	// Selection Events
+	'on:select'?: EventHandler<Event, T> | undefined | null;
+	'on:selectionchange'?: EventHandler<Event, T> | undefined | null;
+	'on:selectstart'?: EventHandler<Event, T> | undefined | null;
+
+	// Touch Events
+	'on:touchcancel'?: TouchEventHandler<T> | undefined | null;
+	'on:touchend'?: TouchEventHandler<T> | undefined | null;
+	'on:touchmove'?: TouchEventHandler<T> | undefined | null;
+	'on:touchstart'?: TouchEventHandler<T> | undefined | null;
+
+	// Pointer Events
+	'on:gotpointercapture'?: PointerEventHandler<T> | undefined | null;
+	'on:pointercancel'?: PointerEventHandler<T> | undefined | null;
+	'on:pointerdown'?: PointerEventHandler<T> | undefined | null;
+	'on:pointerenter'?: PointerEventHandler<T> | undefined | null;
+	'on:pointerleave'?: PointerEventHandler<T> | undefined | null;
+	'on:pointermove'?: PointerEventHandler<T> | undefined | null;
+	'on:pointerout'?: PointerEventHandler<T> | undefined | null;
+	'on:pointerover'?: PointerEventHandler<T> | undefined | null;
+	'on:pointerup'?: PointerEventHandler<T> | undefined | null;
+	'on:lostpointercapture'?: PointerEventHandler<T> | undefined | null;
+
+	// UI Events
+	'on:scroll'?: UIEventHandler<T> | undefined | null;
+	'on:resize'?: UIEventHandler<T> | undefined | null;
+
+	// Wheel Events
+	'on:wheel'?: WheelEventHandler<T> | undefined | null;
+
+	// Animation Events
+	'on:animationstart'?: AnimationEventHandler<T> | undefined | null;
+	'on:animationend'?: AnimationEventHandler<T> | undefined | null;
+	'on:animationiteration'?: AnimationEventHandler<T> | undefined | null;
+
+	// Transition Events
+	'on:transitionstart'?: TransitionEventHandler<T> | undefined | null;
+	'on:transitionrun'?: TransitionEventHandler<T> | undefined | null;
+	'on:transitionend'?: TransitionEventHandler<T> | undefined | null;
+	'on:transitioncancel'?: TransitionEventHandler<T> | undefined | null;
+
+	// Svelte Transition Events
+	'on:outrostart'?: EventHandler<CustomEvent<null>, T> | undefined | null;
+	'on:outroend'?: EventHandler<CustomEvent<null>, T> | undefined | null;
+	'on:introstart'?: EventHandler<CustomEvent<null>, T> | undefined | null;
+	'on:introend'?: EventHandler<CustomEvent<null>, T> | undefined | null;
+
+	// Message Events
+	'on:message'?: MessageEventHandler<T> | undefined | null;
+	'on:messageerror'?: MessageEventHandler<T> | undefined | null;
+	
+	// Document Events
+	'on:visibilitychange'?: EventHandler<Event, T> | undefined | null;
+
+	// Global Events
+	'on:cancel'?: EventHandler<Event, T> | undefined | null;
+	'on:close'?: EventHandler<Event, T> | undefined | null;
+	'on:fullscreenchange'?: EventHandler<Event, T> | undefined | null;
+	'on:fullscreenerror'?: EventHandler<Event, T> | undefined | null;
+}
+
+// All the WAI-ARIA 1.1 attributes from https://www.w3.org/TR/wai-aria-1.1/
+export interface AriaAttributes {
+	/** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */
+	'aria-activedescendant'?: string | undefined | null;
+	/** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */
+	'aria-atomic'?: Booleanish | undefined | null;
+	/**
+	 * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
+	 * presented if they are made.
+	 */
+	'aria-autocomplete'?: 'none' | 'inline' | 'list' | 'both' | undefined | null;
+	/** Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. */
+	'aria-busy'?: Booleanish | undefined | null;
+	/**
+	 * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
+	 * @see aria-pressed @see aria-selected.
+	 */
+	'aria-checked'?: boolean | 'false' | 'mixed' | 'true' | undefined | null;
+	/**
+	 * Defines the total number of columns in a table, grid, or treegrid.
+	 * @see aria-colindex.
+	 */
+	'aria-colcount'?: number | undefined | null;
+	/**
+	 * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
+	 * @see aria-colcount @see aria-colspan.
+	 */
+	'aria-colindex'?: number | undefined | null;
+	/**
+	 * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
+	 * @see aria-colindex @see aria-rowspan.
+	 */
+	'aria-colspan'?: number | undefined | null;
+	/**
+	 * Identifies the element (or elements) whose contents or presence are controlled by the current element.
+	 * @see aria-owns.
+	 */
+	'aria-controls'?: string | undefined | null;
+	/** Indicates the element that represents the current item within a container or set of related elements. */
+	'aria-current'?: Booleanish | 'page' | 'step' | 'location' | 'date' | 'time' | undefined | null;
+	/**
+	 * Identifies the element (or elements) that describes the object.
+	 * @see aria-labelledby
+	 */
+	'aria-describedby'?: string | undefined | null;
+	/**
+	 * Identifies the element that provides a detailed, extended description for the object.
+	 * @see aria-describedby.
+	 */
+	'aria-details'?: string | undefined | null;
+	/**
+	 * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+	 * @see aria-hidden @see aria-readonly.
+	 */
+	'aria-disabled'?: Booleanish | undefined | null;
+	/**
+	 * Indicates what functions can be performed when a dragged object is released on the drop target.
+	 * @deprecated in ARIA 1.1
+	 */
+	'aria-dropeffect'?: 'none' | 'copy' | 'execute' | 'link' | 'move' | 'popup' | undefined | null;
+	/**
+	 * Identifies the element that provides an error message for the object.
+	 * @see aria-invalid @see aria-describedby.
+	 */
+	'aria-errormessage'?: string | undefined | null;
+	/** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
+	'aria-expanded'?: Booleanish | undefined | null;
+	/**
+	 * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
+	 * allows assistive technology to override the general default of reading in document source order.
+	 */
+	'aria-flowto'?: string | undefined | null;
+	/**
+	 * Indicates an element's "grabbed" state in a drag-and-drop operation.
+	 * @deprecated in ARIA 1.1
+	 */
+	'aria-grabbed'?: Booleanish | undefined | null;
+	/** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */
+	'aria-haspopup'?: Booleanish | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog' | undefined | null;
+	/**
+	 * Indicates whether the element is exposed to an accessibility API.
+	 * @see aria-disabled.
+	 */
+	'aria-hidden'?: Booleanish | undefined | null;
+	/**
+	 * Indicates the entered value does not conform to the format expected by the application.
+	 * @see aria-errormessage.
+	 */
+	'aria-invalid'?: Booleanish | 'grammar' | 'spelling' | undefined | null;
+	/** Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. */
+	'aria-keyshortcuts'?: string | undefined | null;
+	/**
+	 * Defines a string value that labels the current element.
+	 * @see aria-labelledby.
+	 */
+	'aria-label'?: string | undefined | null;
+	/**
+	 * Identifies the element (or elements) that labels the current element.
+	 * @see aria-describedby.
+	 */
+	'aria-labelledby'?: string | undefined | null;
+	/** Defines the hierarchical level of an element within a structure. */
+	'aria-level'?: number | undefined | null;
+	/** Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */
+	'aria-live'?: 'off' | 'assertive' | 'polite' | undefined | null;
+	/** Indicates whether an element is modal when displayed. */
+	'aria-modal'?: Booleanish | undefined | null;
+	/** Indicates whether a text box accepts multiple lines of input or only a single line. */
+	'aria-multiline'?: Booleanish | undefined | null;
+	/** Indicates that the user may select more than one item from the current selectable descendants. */
+	'aria-multiselectable'?: Booleanish | undefined | null;
+	/** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */
+	'aria-orientation'?: 'horizontal' | 'vertical' | undefined | null;
+	/**
+	 * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
+	 * between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
+	 * @see aria-controls.
+	 */
+	'aria-owns'?: string | undefined | null;
+	/**
+	 * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
+	 * A hint could be a sample value or a brief description of the expected format.
+	 */
+	'aria-placeholder'?: string | undefined | null;
+	/**
+	 * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+	 * @see aria-setsize.
+	 */
+	'aria-posinset'?: number | undefined | null;
+	/**
+	 * Indicates the current "pressed" state of toggle buttons.
+	 * @see aria-checked @see aria-selected.
+	 */
+	'aria-pressed'?: boolean | 'false' | 'mixed' | 'true' | undefined | null;
+	/**
+	 * Indicates that the element is not editable, but is otherwise operable.
+	 * @see aria-disabled.
+	 */
+	'aria-readonly'?: Booleanish | undefined | null;
+	/**
+	 * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
+	 * @see aria-atomic.
+	 */
+	'aria-relevant'?: 'additions' | 'additions removals' | 'additions text' | 'all' | 'removals' | 'removals additions' | 'removals text' | 'text' | 'text additions' | 'text removals' | undefined | null;
+	/** Indicates that user input is required on the element before a form may be submitted. */
+	'aria-required'?: Booleanish | undefined | null;
+	/** Defines a human-readable, author-localized description for the role of an element. */
+	'aria-roledescription'?: string | undefined | null;
+	/**
+	 * Defines the total number of rows in a table, grid, or treegrid.
+	 * @see aria-rowindex.
+	 */
+	'aria-rowcount'?: number | undefined | null;
+	/**
+	 * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
+	 * @see aria-rowcount @see aria-rowspan.
+	 */
+	'aria-rowindex'?: number | undefined | null;
+	/**
+	 * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
+	 * @see aria-rowindex @see aria-colspan.
+	 */
+	'aria-rowspan'?: number | undefined | null;
+	/**
+	 * Indicates the current "selected" state of various widgets.
+	 * @see aria-checked @see aria-pressed.
+	 */
+	'aria-selected'?: Booleanish | undefined | null;
+	/**
+	 * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+	 * @see aria-posinset.
+	 */
+	'aria-setsize'?: number | undefined | null;
+	/** Indicates if items in a table or grid are sorted in ascending or descending order. */
+	'aria-sort'?: 'none' | 'ascending' | 'descending' | 'other' | undefined | null;
+	/** Defines the maximum allowed value for a range widget. */
+	'aria-valuemax'?: number | undefined | null;
+	/** Defines the minimum allowed value for a range widget. */
+	'aria-valuemin'?: number | undefined | null;
+	/**
+	 * Defines the current value for a range widget.
+	 * @see aria-valuetext.
+	 */
+	'aria-valuenow'?: number | undefined | null;
+	/** Defines the human readable text alternative of aria-valuenow for a range widget. */
+	'aria-valuetext'?: string | undefined | null;
+}
+
+// All the WAI-ARIA 1.1 role attribute values from https://www.w3.org/TR/wai-aria-1.1/#role_definitions
+export type AriaRole =
+	| 'alert'
+	| 'alertdialog'
+	| 'application'
+	| 'article'
+	| 'banner'
+	| 'button'
+	| 'cell'
+	| 'checkbox'
+	| 'columnheader'
+	| 'combobox'
+	| 'complementary'
+	| 'contentinfo'
+	| 'definition'
+	| 'dialog'
+	| 'directory'
+	| 'document'
+	| 'feed'
+	| 'figure'
+	| 'form'
+	| 'grid'
+	| 'gridcell'
+	| 'group'
+	| 'heading'
+	| 'img'
+	| 'link'
+	| 'list'
+	| 'listbox'
+	| 'listitem'
+	| 'log'
+	| 'main'
+	| 'marquee'
+	| 'math'
+	| 'menu'
+	| 'menubar'
+	| 'menuitem'
+	| 'menuitemcheckbox'
+	| 'menuitemradio'
+	| 'navigation'
+	| 'none'
+	| 'note'
+	| 'option'
+	| 'presentation'
+	| 'progressbar'
+	| 'radio'
+	| 'radiogroup'
+	| 'region'
+	| 'row'
+	| 'rowgroup'
+	| 'rowheader'
+	| 'scrollbar'
+	| 'search'
+	| 'searchbox'
+	| 'separator'
+	| 'slider'
+	| 'spinbutton'
+	| 'status'
+	| 'switch'
+	| 'tab'
+	| 'table'
+	| 'tablist'
+	| 'tabpanel'
+	| 'term'
+	| 'textbox'
+	| 'timer'
+	| 'toolbar'
+	| 'tooltip'
+	| 'tree'
+	| 'treegrid'
+	| 'treeitem'
+	| (string & {});
+
+export interface HTMLAttributes<T extends EventTarget> extends AriaAttributes, DOMAttributes<T> {
+	// Standard HTML Attributes
+	accesskey?: string  | undefined | null;
+	autofocus?: boolean | undefined | null;
+	class?: string | undefined | null;
+	contenteditable?: Booleanish | 'inherit' | undefined | null;
+	contextmenu?: string | undefined | null;
+	dir?: string | undefined | null;
+	draggable?: Booleanish | undefined | null;
+	enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send' | undefined | null;
+	hidden?: boolean | undefined | null;
+	id?: string | undefined | null;
+	lang?: string | undefined | null;
+	part?: string | undefined | null;
+	placeholder?: string | undefined | null;
+	slot?: string | undefined | null;
+	spellcheck?: Booleanish | undefined | null;
+	style?: string | undefined | null;
+	tabindex?: number | undefined | null;
+	title?: string | undefined | null;
+	translate?: 'yes' | 'no' | '' | undefined | null;
+	inert?: boolean | undefined | null;
+
+	// Unknown
+	radiogroup?: string | undefined | null; // <command>, <menuitem>
+
+	// WAI-ARIA
+	role?: AriaRole | undefined | null;
+
+	// RDFa Attributes
+	about?: string | undefined | null;
+	datatype?: string | undefined | null;
+	inlist?: any;
+	prefix?: string | undefined | null;
+	property?: string | undefined | null;
+	resource?: string | undefined | null;
+	typeof?: string | undefined | null;
+	vocab?: string | undefined | null;
+
+	// Non-standard Attributes
+	autocapitalize?: string | undefined | null;
+	autocorrect?: string | undefined | null;
+	autosave?: string | undefined | null;
+	color?: string | undefined | null;
+	itemprop?: string | undefined | null;
+	itemscope?: boolean | undefined | null;
+	itemtype?: string | undefined | null;
+	itemid?: string | undefined | null;
+	itemref?: string | undefined | null;
+	results?: number | undefined | null;
+	security?: string | undefined | null;
+	unselectable?: 'on' | 'off' | undefined | null;
+
+	// Living Standard
+	/**
+	 * Hints at the type of data that might be entered by the user while editing the element or its contents
+	 * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute
+	 */
+	inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search' | undefined | null;
+	/**
+	 * Specify that a standard HTML element should behave like a defined custom built-in element
+	 * @see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is
+	 */
+	is?: string | undefined | null;
+
+	/**
+	 * Elements with the contenteditable attribute support innerHTML and textContent bindings.
+	 */
+	'bind:innerHTML'?: string | undefined | null;
+	/**
+	 * Elements with the contenteditable attribute support innerHTML and textContent bindings.
+	 */
+	'bind:textContent'?: string | undefined | null;
+
+	// SvelteKit
+	'data-sveltekit-keepfocus'?: true | '' | 'off' | undefined | null;
+	'data-sveltekit-noscroll'?: true | '' | 'off' | undefined | null;
+	'data-sveltekit-preload-code'?: true | '' | 'eager' | 'viewport' | 'hover' | 'tap' | 'off' | undefined | null;
+	'data-sveltekit-preload-data'?: true | '' | 'hover' | 'tap' | 'off' | undefined | null;
+	'data-sveltekit-reload'?: true | '' | 'off' | undefined | null;
+	'data-sveltekit-replacestate'?: true | '' | 'off' | undefined | null;
+}
+
+export type HTMLAttributeAnchorTarget =
+	| '_self'
+	| '_blank'
+	| '_parent'
+	| '_top'
+	| (string & {});
+
+export interface HTMLAnchorAttributes extends HTMLAttributes<HTMLAnchorElement> {
+	download?: any;
+	href?: string | undefined | null;
+	hreflang?: string | undefined | null;
+	media?: string | undefined | null;
+	ping?: string | undefined | null;
+	rel?: string | undefined | null;
+	target?: HTMLAttributeAnchorTarget | undefined | null;
+	type?: string | undefined | null;
+	referrerpolicy?: ReferrerPolicy | undefined | null;
+
+	// Sapper
+	'sapper:noscroll'?: true | undefined | null;
+	'sapper:prefetch'?: true | undefined | null;
+}
+
+export interface HTMLAudioAttributes extends HTMLMediaAttributes<HTMLAudioElement> {}
+
+export interface HTMLAreaAttributes extends HTMLAttributes<HTMLAreaElement> {
+	alt?: string | undefined | null;
+	coords?: string | undefined | null;
+	download?: any;
+	href?: string | undefined | null;
+	hreflang?: string | undefined | null;
+	media?: string | undefined | null;
+	referrerpolicy?: ReferrerPolicy | undefined | null;
+	rel?: string | undefined | null;
+	shape?: string | undefined | null;
+	target?: string | undefined | null;
+	ping?: string | undefined | null;
+}
+
+export interface HTMLBaseAttributes extends HTMLAttributes<HTMLBaseElement> {
+	href?: string | undefined | null;
+	target?: string | undefined | null;
+}
+
+export interface HTMLBlockquoteAttributes extends HTMLAttributes<HTMLQuoteElement> {
+	cite?: string | undefined | null;
+}
+
+export interface HTMLButtonAttributes extends HTMLAttributes<HTMLButtonElement> {
+	disabled?: boolean | undefined | null;
+	form?: string | undefined | null;
+	formaction?: string | undefined | null;
+	formenctype?: string | undefined | null;
+	formmethod?: string | undefined | null;
+	formnovalidate?: boolean | undefined | null;
+	formtarget?: string | undefined | null;
+	name?: string | undefined | null;
+	type?: 'submit' | 'reset' | 'button' | undefined | null;
+	value?: string | string[] | number | undefined | null;
+}
+
+export interface HTMLCanvasAttributes extends HTMLAttributes<HTMLCanvasElement> {
+	height?: number | string | undefined | null;
+	width?: number | string | undefined | null;
+}
+
+export interface HTMLColAttributes extends HTMLAttributes<HTMLTableColElement> {
+	span?: number | undefined | null;
+	width?: number | string | undefined | null;
+}
+
+export interface HTMLColgroupAttributes extends HTMLAttributes<HTMLTableColElement> {
+	span?: number | undefined | null;
+}
+
+export interface HTMLDataAttributes extends HTMLAttributes<HTMLDataElement> {
+	value?: string | string[] | number | undefined | null;
+}
+
+export interface HTMLDetailsAttributes extends HTMLAttributes<HTMLDetailsElement> {
+	open?: boolean | undefined | null;
+
+	'bind:open'?: boolean | undefined | null;
+}
+
+export interface HTMLDelAttributes extends HTMLAttributes<HTMLModElement> {
+	cite?: string | undefined | null;
+	datetime?: string | undefined | null;
+}
+
+export interface HTMLDialogAttributes extends HTMLAttributes<HTMLDialogElement> {
+	open?: boolean | undefined | null;
+}
+
+export interface HTMLEmbedAttributes extends HTMLAttributes<HTMLEmbedElement> {
+	height?: number | string | undefined | null;
+	src?: string | undefined | null;
+	type?: string | undefined | null;
+	width?: number | string | undefined | null;
+}
+
+export interface HTMLFieldsetAttributes extends HTMLAttributes<HTMLFieldSetElement> {
+	disabled?: boolean | undefined | null;
+	form?: string | undefined | null;
+	name?: string | undefined | null;
+}
+
+export interface HTMLFormAttributes extends HTMLAttributes<HTMLFormElement> {
+	acceptcharset?: string | undefined | null;
+	action?: string | undefined | null;
+	autocomplete?: string | undefined | null;
+	enctype?: string | undefined | null;
+	method?: string | undefined | null;
+	name?: string | undefined | null;
+	novalidate?: boolean | undefined | null;
+	target?: string | undefined | null;
+	rel?: string | undefined | null;
+}
+
+export interface HTMLHtmlAttributes extends HTMLAttributes<HTMLHtmlElement> {
+	manifest?: string | undefined | null;
+}
+
+export interface HTMLIframeAttributes extends HTMLAttributes<HTMLIFrameElement> {
+	allow?: string | undefined | null;
+	allowfullscreen?: boolean | undefined | null;
+	allowtransparency?: boolean | undefined | null;
+	/** @deprecated */
+	frameborder?: number | string | undefined | null;
+	height?: number | string | undefined | null;
+	loading?: 'eager' | 'lazy' | undefined | null;
+	/** @deprecated */
+	marginheight?: number | undefined | null;
+	/** @deprecated */
+	marginwidth?: number | undefined | null;
+	name?: string | undefined | null;
+	referrerpolicy?: ReferrerPolicy | undefined | null;
+	sandbox?: string | undefined | null;
+	/** @deprecated */
+	scrolling?: string | undefined | null;
+	seamless?: boolean | undefined | null;
+	src?: string | undefined | null;
+	srcdoc?: string | undefined | null;
+	width?: number | string | undefined | null;
+}
+
+export interface HTMLImgAttributes extends HTMLAttributes<HTMLImageElement> {
+	alt?: string | undefined | null;
+	crossorigin?: 'anonymous' | 'use-credentials' | '' | undefined | null;
+	decoding?: 'async' | 'auto' | 'sync' | undefined | null;
+	height?: number | string | undefined | null;
+	ismap?: boolean | undefined | null;
+	loading?: 'eager' | 'lazy' | undefined | null;
+	referrerpolicy?: ReferrerPolicy | undefined | null;
+	sizes?: string | undefined | null;
+	src?: string | undefined | null;
+	srcset?: string | undefined | null;
+	usemap?: string | undefined | null;
+	width?: number | string | undefined | null;
+
+	readonly 'bind:naturalWidth'?: number | undefined | null;
+	readonly 'bind:naturalHeight'?: number | undefined | null;
+}
+
+export interface HTMLInsAttributes extends HTMLAttributes<HTMLModElement> {
+	cite?: string | undefined | null;
+	datetime?: string | undefined | null;
+}
+
+export type HTMLInputTypeAttribute =
+	| 'button'
+	| 'checkbox'
+	| 'color'
+	| 'date'
+	| 'datetime-local'
+	| 'email'
+	| 'file'
+	| 'hidden'
+	| 'image'
+	| 'month'
+	| 'number'
+	| 'password'
+	| 'radio'
+	| 'range'
+	| 'reset'
+	| 'search'
+	| 'submit'
+	| 'tel'
+	| 'text'
+	| 'time'
+	| 'url'
+	| 'week'
+	| (string & {});
+
+export interface HTMLInputAttributes extends HTMLAttributes<HTMLInputElement> {
+	accept?: string | undefined | null;
+	alt?: string | undefined | null;
+	autocomplete?: string | undefined | null;
+	capture?: boolean | 'user' | 'environment' | undefined | null; // https://www.w3.org/TR/html-media-capture/#the-capture-attribute
+	checked?: boolean | undefined | null;
+	crossorigin?: string | undefined | null;
+	disabled?: boolean | undefined | null;
+	form?: string | undefined | null;
+	formaction?: string | undefined | null;
+	formenctype?: string | undefined | null;
+	formmethod?: string | undefined | null;
+	formnovalidate?: boolean | undefined | null;
+	formtarget?: string | undefined | null;
+	height?: number | string | undefined | null;
+	list?: string | undefined | null;
+	max?: number | string | undefined | null;
+	maxlength?: number | undefined | null;
+	min?: number | string | undefined | null;
+	minlength?: number | undefined | null;
+	multiple?: boolean | undefined | null;
+	name?: string | undefined | null;
+	pattern?: string | undefined | null;
+	placeholder?: string | undefined | null;
+	readonly?: boolean | undefined | null;
+	required?: boolean | undefined | null;
+	size?: number | undefined | null;
+	src?: string | undefined | null;
+	step?: number | string | undefined | null;
+	type?: HTMLInputTypeAttribute | undefined | null;
+	value?: any;
+	width?: number | string | undefined | null;
+
+	'on:change'?: ChangeEventHandler<HTMLInputElement> | undefined | null;
+
+	'bind:checked'?: boolean | undefined | null;
+	'bind:value'?: any;
+	'bind:group'?: any | undefined | null;
+	'bind:files'?: FileList | undefined | null;
+	'bind:indeterminate'?: boolean | undefined | null;
+}
+
+export interface HTMLKeygenAttributes extends HTMLAttributes<HTMLElement> {
+	challenge?: string | undefined | null;
+	disabled?: boolean | undefined | null;
+	form?: string | undefined | null;
+	keytype?: string | undefined | null;
+	keyparams?: string | undefined | null;
+	name?: string | undefined | null;
+}
+
+export interface HTMLLabelAttributes extends HTMLAttributes<HTMLLabelElement> {
+	form?: string | undefined | null;
+	for?: string | undefined | null;
+}
+
+export interface HTMLLiAttributes extends HTMLAttributes<HTMLLIElement> {
+	value?: string | string[] | number | undefined | null;
+}
+
+export interface HTMLLinkAttributes extends HTMLAttributes<HTMLLinkElement> {
+	as?: string | undefined | null;
+	crossorigin?: string | undefined | null;
+	href?: string | undefined | null;
+	hreflang?: string | undefined | null;
+	integrity?: string | undefined | null;
+	media?: string | undefined | null;
+	imagesrcset?: string | undefined | null;
+	imagesizes?: string | undefined | null;
+	referrerpolicy?: ReferrerPolicy | undefined | null;
+	rel?: string | undefined | null;
+	sizes?: string | undefined | null;
+	type?: string | undefined | null;
+	charset?: string | undefined | null;
+}
+
+export interface HTMLMapAttributes extends HTMLAttributes<HTMLMapElement> {
+	name?: string | undefined | null;
+}
+
+export interface HTMLMenuAttributes extends HTMLAttributes<HTMLMenuElement> {
+	type?: string | undefined | null;
+}
+
+export interface HTMLMediaAttributes<T extends HTMLMediaElement> extends HTMLAttributes<T> {
+	autoplay?: boolean | undefined | null;
+	controls?: boolean | undefined | null;
+	controlslist?: 'nodownload' | 'nofullscreen' | 'noplaybackrate' | 'noremoteplayback' | (string & {}) | undefined | null;
+	crossorigin?: string | undefined | null;
+	currenttime?: number | undefined | null;
+	defaultmuted?: boolean | undefined | null;
+	defaultplaybackrate?: number | undefined | null;
+	loop?: boolean | undefined | null;
+	mediagroup?: string | undefined | null;
+	muted?: boolean | undefined | null;
+	playsinline?: boolean | undefined | null;
+	preload?: string | undefined | null;
+	src?: string | undefined | null;
+	/**
+	 * a value between 0 and 1
+	 */
+	volume?: number | undefined | null;
+
+	readonly 'bind:readyState'?: 0 | 1 | 2 | 3 | 4 | undefined | null;
+	readonly 'bind:duration'?: number | undefined | null;
+	readonly 'bind:buffered'?: SvelteMediaTimeRange[] | undefined | null;
+	readonly 'bind:played'?: SvelteMediaTimeRange[] | undefined | null;
+	readonly 'bind:seekable'?: SvelteMediaTimeRange[] | undefined | null;
+	readonly 'bind:seeking'?: boolean | undefined | null;
+	readonly 'bind:ended'?: boolean | undefined | null;
+	'bind:muted'?: boolean | undefined | null;
+	'bind:volume'?: number | undefined | null;
+	/**
+	 * the current playback time in the video, in seconds
+	 */
+	'bind:currentTime'?: number | undefined | null;
+	/**
+	 * how fast or slow to play the video, where 1 is 'normal'
+	 */
+	'bind:playbackRate'?: number | undefined | null;
+	'bind:paused'?: boolean | undefined | null;
+}
+
+export interface HTMLMetaAttributes extends HTMLAttributes<HTMLMetaElement> {
+	charset?: string | undefined | null;
+	content?: string | undefined | null;
+	'http-equiv'?: string | undefined | null;
+	name?: string | undefined | null;
+	media?: string | undefined | null;
+}
+
+export interface HTMLMeterAttributes extends HTMLAttributes<HTMLMeterElement> {
+	form?: string | undefined | null;
+	high?: number | undefined | null;
+	low?: number | undefined | null;
+	max?: number | string | undefined | null;
+	min?: number | string | undefined | null;
+	optimum?: number | undefined | null;
+	value?: string | string[] | number | undefined | null;
+}
+
+export interface HTMLQuoteAttributes extends HTMLAttributes<HTMLQuoteElement> {
+	cite?: string | undefined | null;
+}
+
+export interface HTMLObjectAttributes extends HTMLAttributes<HTMLObjectElement> {
+	classid?: string | undefined | null;
+	data?: string | undefined | null;
+	form?: string | undefined | null;
+	height?: number | string | undefined | null;
+	name?: string | undefined | null;
+	type?: string | undefined | null;
+	usemap?: string | undefined | null;
+	width?: number | string | undefined | null;
+	wmode?: string | undefined | null;
+}
+
+export interface HTMLOlAttributes extends HTMLAttributes<HTMLOListElement> {
+	reversed?: boolean | undefined | null;
+	start?: number | undefined | null;
+	type?: '1' | 'a' | 'A' | 'i' | 'I' | undefined | null;
+}
+
+export interface HTMLOptgroupAttributes extends HTMLAttributes<HTMLOptGroupElement> {
+	disabled?: boolean | undefined | null;
+	label?: string | undefined | null;
+}
+
+export interface HTMLOptionAttributes extends HTMLAttributes<HTMLOptionElement> {
+	disabled?: boolean | undefined | null;
+	label?: string | undefined | null;
+	selected?: boolean | undefined | null;
+	value?: any;
+}
+
+export interface HTMLOutputAttributes extends HTMLAttributes<HTMLOutputElement> {
+	form?: string | undefined | null;
+	for?: string | undefined | null;
+	name?: string | undefined | null;
+}
+
+export interface HTMLParamAttributes extends HTMLAttributes<HTMLParamElement> {
+	name?: string | undefined | null;
+	value?: string | string[] | number | undefined | null;
+}
+
+export interface HTMLProgressAttributes extends HTMLAttributes<HTMLProgressElement> {
+	max?: number | string | undefined | null;
+	value?: string | string[] | number | undefined | null;
+}
+
+export interface HTMLSlotAttributes extends HTMLAttributes<HTMLSlotElement> {
+	name?: string | undefined | null;
+}
+
+export interface HTMLScriptAttributes extends HTMLAttributes<HTMLScriptElement> {
+	async?: boolean | undefined | null;
+	/** @deprecated */
+	charset?: string | undefined | null;
+	crossorigin?: string | undefined | null;
+	defer?: boolean | undefined | null;
+	integrity?: string | undefined | null;
+	nomodule?: boolean | undefined | null;
+	nonce?: string | undefined | null;
+	referrerpolicy?: ReferrerPolicy | undefined | null;
+	src?: string | undefined | null;
+	type?: string | undefined | null;
+}
+
+export interface HTMLSelectAttributes extends HTMLAttributes<HTMLSelectElement> {
+	autocomplete?: string | undefined | null;
+	disabled?: boolean | undefined | null;
+	form?: string | undefined | null;
+	multiple?: boolean | undefined | null;
+	name?: string | undefined | null;
+	required?: boolean | undefined | null;
+	size?: number | undefined | null;
+	value?: any;
+
+	'on:change'?: ChangeEventHandler<HTMLSelectElement> | undefined | null;
+
+	'bind:value'?: any;
+}
+
+export interface HTMLSourceAttributes extends HTMLAttributes<HTMLSourceElement> {
+	height?: number | string | undefined | null;
+	media?: string | undefined | null;
+	sizes?: string | undefined | null;
+	src?: string | undefined | null;
+	srcset?: string | undefined | null;
+	type?: string | undefined | null;
+	width?: number | string | undefined | null;
+}
+
+export interface HTMLStyleAttributes extends HTMLAttributes<HTMLStyleElement> {
+	media?: string | undefined | null;
+	nonce?: string | undefined | null;
+	scoped?: boolean | undefined | null;
+	type?: string | undefined | null;
+}
+
+export interface HTMLTableAttributes extends HTMLAttributes<HTMLTableElement> {
+	align?: 'left' | 'center' | 'right' | undefined | null;
+	bgcolor?: string | undefined | null;
+	border?: number | undefined | null;
+	cellpadding?: number | string | undefined | null;
+	cellspacing?: number | string | undefined | null;
+	frame?: boolean | undefined | null;
+	rules?: 'none' | 'groups' | 'rows' | 'columns' | 'all' | undefined | null;
+	summary?: string | undefined | null;
+	width?: number | string | undefined | null;
+}
+
+export interface HTMLTextareaAttributes extends HTMLAttributes<HTMLTextAreaElement> {
+	autocomplete?: string | undefined | null;
+	cols?: number | undefined | null;
+	dirname?: string | undefined | null;
+	disabled?: boolean | undefined | null;
+	form?: string | undefined | null;
+	maxlength?: number | undefined | null;
+	minlength?: number | undefined | null;
+	name?: string | undefined | null;
+	placeholder?: string | undefined | null;
+	readonly?: boolean | undefined | null;
+	required?: boolean | undefined | null;
+	rows?: number | undefined | null;
+	value?: string | string[] | number | undefined | null;
+	wrap?: string | undefined | null;
+
+	'on:change'?: ChangeEventHandler<HTMLTextAreaElement> | undefined | null;
+
+	'bind:value'?: any;
+}
+
+export interface HTMLTdAttributes extends HTMLAttributes<HTMLTableCellElement> {
+	align?: 'left' | 'center' | 'right' | 'justify' | 'char' | undefined | null;
+	colspan?: number | undefined | null;
+	headers?: string | undefined | null;
+	rowspan?: number | undefined | null;
+	scope?: string | undefined | null;
+	abbr?: string | undefined | null;
+	height?: number | string | undefined | null;
+	width?: number | string | undefined | null;
+	valign?: 'top' | 'middle' | 'bottom' | 'baseline' | undefined | null;
+}
+
+export interface HTMLThAttributes extends HTMLAttributes<HTMLTableCellElement> {
+	align?: 'left' | 'center' | 'right' | 'justify' | 'char' | undefined | null;
+	colspan?: number | undefined | null;
+	headers?: string | undefined | null;
+	rowspan?: number | undefined | null;
+	scope?: string | undefined | null;
+	abbr?: string | undefined | null;
+}
+
+export interface HTMLTimeAttributes extends HTMLAttributes<HTMLTimeElement> {
+	datetime?: string | undefined | null;
+}
+
+export interface HTMLTrackAttributes extends HTMLAttributes<HTMLTrackElement> {
+	default?: boolean | undefined | null;
+	kind?: string | undefined | null;
+	label?: string | undefined | null;
+	src?: string | undefined | null;
+	srclang?: string | undefined | null;
+}
+
+export interface HTMLVideoAttributes extends HTMLMediaAttributes<HTMLVideoElement> {
+	height?: number | string | undefined | null;
+	playsinline?: boolean | undefined | null;
+	poster?: string | undefined | null;
+	width?: number | string | undefined | null;
+	disablepictureinpicture?: boolean | undefined | null;
+	disableremoteplayback?: boolean | undefined | null;
+
+	readonly 'bind:videoWidth'?: number | undefined | null;
+	readonly 'bind:videoHeight'?: number | undefined | null;
+}
+
+export interface SvelteMediaTimeRange {
+	start: number;
+	end: number;
+}
+
+export interface SvelteWindowAttributes extends HTMLAttributes<Window> {
+	readonly 'bind:innerWidth'?: Window['innerWidth'] | undefined | null;
+	readonly 'bind:innerHeight'?: Window['innerHeight'] | undefined | null;
+	readonly 'bind:outerWidth'?: Window['outerWidth'] | undefined | null;
+	readonly 'bind:outerHeight'?: Window['outerHeight'] | undefined | null;
+	'bind:scrollX'?: Window['scrollX'] | undefined | null;
+	'bind:scrollY'?: Window['scrollY'] | undefined | null;
+	readonly 'bind:online'?: Window['navigator']['onLine'] | undefined | null;
+
+	// SvelteKit
+	'on:sveltekit:start'?: EventHandler<CustomEvent, Window> | undefined | null;
+	'on:sveltekit:navigation-start'?: EventHandler<CustomEvent, Window> | undefined | null;
+	'on:sveltekit:navigation-end'?: EventHandler<CustomEvent, Window> | undefined | null;
+
+	'on:devicelight'?: EventHandler<Event, Window> | undefined | null;
+	'on:beforeinstallprompt'?: EventHandler<Event, Window> | undefined | null;
+	'on:deviceproximity'?: EventHandler<Event, Window> | undefined | null;
+	'on:paint'?: EventHandler<Event, Window> | undefined | null;
+	'on:userproximity'?: EventHandler<Event, Window> | undefined | null;
+	'on:beforeprint'?: EventHandler<Event, Window> | undefined | null;
+	'on:afterprint'?: EventHandler<Event, Window> | undefined | null;
+	'on:languagechange'?: EventHandler<Event, Window> | undefined | null;
+	'on:orientationchange'?: EventHandler<Event, Window> | undefined | null;
+	'on:message'?: EventHandler<MessageEvent, Window> | undefined | null;
+	'on:messageerror'?: EventHandler<MessageEvent, Window> | undefined | null;
+	'on:offline'?: EventHandler<Event, Window> | undefined | null;
+	'on:online'?: EventHandler<Event, Window> | undefined | null;
+	'on:beforeunload'?: EventHandler<BeforeUnloadEvent, Window> | undefined | null;
+	'on:unload'?: EventHandler<Event, Window> | undefined | null;
+	'on:storage'?: EventHandler<StorageEvent, Window> | undefined | null;
+	'on:hashchange'?: EventHandler<HashChangeEvent, Window> | undefined | null;
+	'on:pagehide'?: EventHandler<PageTransitionEvent, Window> | undefined | null;
+	'on:pageshow'?: EventHandler<PageTransitionEvent, Window> | undefined | null;
+	'on:popstate'?: EventHandler<PopStateEvent, Window> | undefined | null;
+	'on:devicemotion'?: EventHandler<DeviceMotionEvent> | undefined | null;
+	'on:deviceorientation'?: EventHandler<DeviceOrientationEvent, Window> | undefined | null;
+	'on:deviceorientationabsolute'?: EventHandler<DeviceOrientationEvent, Window> | undefined | null;
+	'on:unhandledrejection'?: EventHandler<PromiseRejectionEvent, Window> | undefined | null;
+	'on:rejectionhandled'?: EventHandler<PromiseRejectionEvent, Window> | undefined | null;
+}
+
+export interface SVGAttributes<T extends EventTarget> extends AriaAttributes, DOMAttributes<T> {
+	// Attributes which also defined in HTMLAttributes
+	className?: string | undefined | null;
+	class?: string | undefined | null;
+	color?: string | undefined | null;
+	height?: number | string | undefined | null;
+	id?: string | undefined | null;
+	lang?: string | undefined | null;
+	max?: number | string | undefined | null;
+	media?: string | undefined | null;
+	method?: string | undefined | null;
+	min?: number | string | undefined | null;
+	name?: string | undefined | null;
+	style?: string | undefined | null;
+	target?: string | undefined | null;
+	type?: string | undefined | null;
+	width?: number | string | undefined | null;
+
+	// Other HTML properties supported by SVG elements in browsers
+	role?: AriaRole | undefined | null;
+	tabindex?: number | undefined | null;
+	crossorigin?: 'anonymous' | 'use-credentials' | '' | undefined | null;
+
+	// SVG Specific attributes
+	'accent-height'?: number | string | undefined | null;
+	accumulate?: 'none' | 'sum' | undefined | null;
+	additive?: 'replace' | 'sum' | undefined | null;
+	'alignment-baseline'?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' |
+	  'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' |
+	  'mathematical' | 'inherit' | undefined | null;
+	allowReorder?: 'no' | 'yes' | undefined | null;
+	alphabetic?: number | string | undefined | null;
+	amplitude?: number | string | undefined | null;
+	'arabic-form'?: 'initial' | 'medial' | 'terminal' | 'isolated' | undefined | null;
+	ascent?: number | string | undefined | null;
+	attributeName?: string | undefined | null;
+	attributeType?: string | undefined | null;
+	autoReverse?: number | string | undefined | null;
+	azimuth?: number | string | undefined | null;
+	baseFrequency?: number | string | undefined | null;
+	'baseline-shift'?: number | string | undefined | null;
+	baseProfile?: number | string | undefined | null;
+	bbox?: number | string | undefined | null;
+	begin?: number | string | undefined | null;
+	bias?: number | string | undefined | null;
+	by?: number | string | undefined | null;
+	calcMode?: number | string | undefined | null;
+	'cap-height'?: number | string | undefined | null;
+	clip?: number | string | undefined | null;
+	'clip-path'?: string | undefined | null;
+	clipPathUnits?: number | string | undefined | null;
+	'clip-rule'?: number | string | undefined | null;
+	'color-interpolation'?: number | string | undefined | null;
+	'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB' | 'inherit' | undefined | null;
+	'color-profile'?: number | string | undefined | null;
+	'color-rendering'?: number | string | undefined | null;
+	contentScriptType?: number | string | undefined | null;
+	contentStyleType?: number | string | undefined | null;
+	cursor?: number | string | undefined | null;
+	cx?: number | string | undefined | null;
+	cy?: number | string | undefined | null;
+	d?: string | undefined | null;
+	decelerate?: number | string | undefined | null;
+	descent?: number | string | undefined | null;
+	diffuseConstant?: number | string | undefined | null;
+	direction?: number | string | undefined | null;
+	display?: number | string | undefined | null;
+	divisor?: number | string | undefined | null;
+	'dominant-baseline'?: number | string | undefined | null;
+	dur?: number | string | undefined | null;
+	dx?: number | string | undefined | null;
+	dy?: number | string | undefined | null;
+	edgeMode?: number | string | undefined | null;
+	elevation?: number | string | undefined | null;
+	'enable-background'?: number | string | undefined | null;
+	end?: number | string | undefined | null;
+	exponent?: number | string | undefined | null;
+	externalResourcesRequired?: number | string | undefined | null;
+	fill?: string | undefined | null;
+	'fill-opacity'?: number | string | undefined | null;
+	'fill-rule'?: 'nonzero' | 'evenodd' | 'inherit' | undefined | null;
+	filter?: string | undefined | null;
+	filterRes?: number | string | undefined | null;
+	filterUnits?: number | string | undefined | null;
+	'flood-color'?: number | string | undefined | null;
+	'flood-opacity'?: number | string | undefined | null;
+	focusable?: number | string | undefined | null;
+	'font-family'?: string | undefined | null;
+	'font-size'?: number | string | undefined | null;
+	'font-size-adjust'?: number | string | undefined | null;
+	'font-stretch'?: number | string | undefined | null;
+	'font-style'?: number | string | undefined | null;
+	'font-variant'?: number | string | undefined | null;
+	'font-weight'?: number | string | undefined | null;
+	format?: number | string | undefined | null;
+	from?: number | string | undefined | null;
+	fx?: number | string | undefined | null;
+	fy?: number | string | undefined | null;
+	g1?: number | string | undefined | null;
+	g2?: number | string | undefined | null;
+	'glyph-name'?: number | string | undefined | null;
+	'glyph-orientation-horizontal'?: number | string | undefined | null;
+	'glyph-orientation-vertical'?: number | string | undefined | null;
+	glyphRef?: number | string | undefined | null;
+	gradientTransform?: string | undefined | null;
+	gradientUnits?: string | undefined | null;
+	hanging?: number | string | undefined | null;
+	href?: string | undefined | null;
+	'horiz-adv-x'?: number | string | undefined | null;
+	'horiz-origin-x'?: number | string | undefined | null;
+	ideographic?: number | string | undefined | null;
+	'image-rendering'?: number | string | undefined | null;
+	in2?: number | string | undefined | null;
+	in?: string | undefined | null;
+	intercept?: number | string | undefined | null;
+	k1?: number | string | undefined | null;
+	k2?: number | string | undefined | null;
+	k3?: number | string | undefined | null;
+	k4?: number | string | undefined | null;
+	k?: number | string | undefined | null;
+	kernelMatrix?: number | string | undefined | null;
+	kernelUnitLength?: number | string | undefined | null;
+	kerning?: number | string | undefined | null;
+	keyPoints?: number | string | undefined | null;
+	keySplines?: number | string | undefined | null;
+	keyTimes?: number | string | undefined | null;
+	lengthAdjust?: number | string | undefined | null;
+	'letter-spacing'?: number | string | undefined | null;
+	'lighting-color'?: number | string | undefined | null;
+	limitingConeAngle?: number | string | undefined | null;
+	local?: number | string | undefined | null;
+	'marker-end'?: string | undefined | null;
+	markerHeight?: number | string | undefined | null;
+	'marker-mid'?: string | undefined | null;
+	'marker-start'?: string | undefined | null;
+	markerUnits?: number | string | undefined | null;
+	markerWidth?: number | string | undefined | null;
+	mask?: string | undefined | null;
+	maskContentUnits?: number | string | undefined | null;
+	maskUnits?: number | string | undefined | null;
+	mathematical?: number | string | undefined | null;
+	mode?: number | string | undefined | null;
+	numOctaves?: number | string | undefined | null;
+	offset?: number | string | undefined | null;
+	opacity?: number | string | undefined | null;
+	operator?: number | string | undefined | null;
+	order?: number | string | undefined | null;
+	orient?: number | string | undefined | null;
+	orientation?: number | string | undefined | null;
+	origin?: number | string | undefined | null;
+	overflow?: number | string | undefined | null;
+	'overline-position'?: number | string | undefined | null;
+	'overline-thickness'?: number | string | undefined | null;
+	'paint-order'?: number | string | undefined | null;
+	'panose-1'?: number | string | undefined | null;
+	path?: string | undefined | null;
+	pathLength?: number | string | undefined | null;
+	patternContentUnits?: string | undefined | null;
+	patternTransform?: number | string | undefined | null;
+	patternUnits?: string | undefined | null;
+	'pointer-events'?: number | string | undefined | null;
+	points?: string | undefined | null;
+	pointsAtX?: number | string | undefined | null;
+	pointsAtY?: number | string | undefined | null;
+	pointsAtZ?: number | string | undefined | null;
+	preserveAlpha?: number | string | undefined | null;
+	preserveAspectRatio?: string | undefined | null;
+	primitiveUnits?: number | string | undefined | null;
+	r?: number | string | undefined | null;
+	radius?: number | string | undefined | null;
+	refX?: number | string | undefined | null;
+	refY?: number | string | undefined | null;
+	'rendering-intent'?: number | string | undefined | null;
+	repeatCount?: number | string | undefined | null;
+	repeatDur?: number | string | undefined | null;
+	requiredExtensions?: number | string | undefined | null;
+	requiredFeatures?: number | string | undefined | null;
+	restart?: number | string | undefined | null;
+	result?: string | undefined | null;
+	rotate?: number | string | undefined | null;
+	rx?: number | string | undefined | null;
+	ry?: number | string | undefined | null;
+	scale?: number | string | undefined | null;
+	seed?: number | string | undefined | null;
+	'shape-rendering'?: number | string | undefined | null;
+	slope?: number | string | undefined | null;
+	spacing?: number | string | undefined | null;
+	specularConstant?: number | string | undefined | null;
+	specularExponent?: number | string | undefined | null;
+	speed?: number | string | undefined | null;
+	spreadMethod?: string | undefined | null;
+	startOffset?: number | string | undefined | null;
+	stdDeviation?: number | string | undefined | null;
+	stemh?: number | string | undefined | null;
+	stemv?: number | string | undefined | null;
+	stitchTiles?: number | string | undefined | null;
+	'stop-color'?: string | undefined | null;
+	'stop-opacity'?: number | string | undefined | null;
+	'strikethrough-position'?: number | string | undefined | null;
+	'strikethrough-thickness'?: number | string | undefined | null;
+	string?: number | string | undefined | null;
+	stroke?: string | undefined | null;
+	'stroke-dasharray'?: string | number | undefined | null;
+	'stroke-dashoffset'?: string | number | undefined | null;
+	'stroke-linecap'?: 'butt' | 'round' | 'square' | 'inherit' | undefined | null;
+	'stroke-linejoin'?: 'miter' | 'round' | 'bevel' | 'inherit' | undefined | null;
+	'stroke-miterlimit'?: string | undefined | null;
+	'stroke-opacity'?: number | string | undefined | null;
+	'stroke-width'?: number | string | undefined | null;
+	surfaceScale?: number | string | undefined | null;
+	systemLanguage?: number | string | undefined | null;
+	tableValues?: number | string | undefined | null;
+	targetX?: number | string | undefined | null;
+	targetY?: number | string | undefined | null;
+	'text-anchor'?: string | undefined | null;
+	'text-decoration'?: number | string | undefined | null;
+	textLength?: number | string | undefined | null;
+	'text-rendering'?: number | string | undefined | null;
+	to?: number | string | undefined | null;
+	transform?: string | undefined | null;
+	u1?: number | string | undefined | null;
+	u2?: number | string | undefined | null;
+	'underline-position'?: number | string | undefined | null;
+	'underline-thickness'?: number | string | undefined | null;
+	unicode?: number | string | undefined | null;
+	'unicode-bidi'?: number | string | undefined | null;
+	'unicode-range'?: number | string | undefined | null;
+	'units-per-em'?: number | string | undefined | null;
+	'v-alphabetic'?: number | string | undefined | null;
+	values?: string | undefined | null;
+	'vector-effect'?: number | string | undefined | null;
+	version?: string | undefined | null;
+	'vert-adv-y'?: number | string | undefined | null;
+	'vert-origin-x'?: number | string | undefined | null;
+	'vert-origin-y'?: number | string | undefined | null;
+	'v-hanging'?: number | string | undefined | null;
+	'v-ideographic'?: number | string | undefined | null;
+	viewBox?: string | undefined | null;
+	viewTarget?: number | string | undefined | null;
+	visibility?: number | string | undefined | null;
+	'v-mathematical'?: number | string | undefined | null;
+	widths?: number | string | undefined | null;
+	'word-spacing'?: number | string | undefined | null;
+	'writing-mode'?: number | string | undefined | null;
+	x1?: number | string | undefined | null;
+	x2?: number | string | undefined | null;
+	x?: number | string | undefined | null;
+	xChannelSelector?: string | undefined | null;
+	'x-height'?: number | string | undefined | null;
+	'xlink:actuate'?: string | undefined | null;
+	'xlink:arcrole'?: string | undefined | null;
+	'xlink:href'?: string | undefined | null;
+	'xlink:role'?: string | undefined | null;
+	'xlink:show'?: string | undefined | null;
+	'xlink:title'?: string | undefined | null;
+	'xlink:type'?: string | undefined | null;
+	'xml:base'?: string | undefined | null;
+	'xml:lang'?: string | undefined | null;
+	xmlns?: string | undefined | null;
+	'xmlns:xlink'?: string | undefined | null;
+	'xml:space'?: string | undefined | null;
+	y1?: number | string | undefined | null;
+	y2?: number | string | undefined | null;
+	y?: number | string | undefined | null;
+	yChannelSelector?: string | undefined | null;
+	z?: number | string | undefined | null;
+	zoomAndPan?: string | undefined | null;
+}
+
+export interface HTMLWebViewAttributes extends HTMLAttributes<HTMLElement> {
+	allowfullscreen?: boolean | undefined | null;
+	allowpopups?: boolean | undefined | null;
+	autosize?: boolean | undefined | null;
+	blinkfeatures?: string | undefined | null;
+	disableblinkfeatures?: string | undefined | null;
+	disableguestresize?: boolean | undefined | null;
+	disablewebsecurity?: boolean | undefined | null;
+	guestinstance?: string | undefined | null;
+	httpreferrer?: string | undefined | null;
+	nodeintegration?: boolean | undefined | null;
+	partition?: string | undefined | null;
+	plugins?: boolean | undefined | null;
+	preload?: string | undefined | null;
+	src?: string | undefined | null;
+	useragent?: string | undefined | null;
+	webpreferences?: string | undefined | null;
+}
+
+//
+// DOM Elements
+// ----------------------------------------------------------------------
+
+export interface SvelteHTMLElements {
+	a: HTMLAnchorAttributes;
+	abbr: HTMLAttributes<HTMLElement>;
+	address: HTMLAttributes<HTMLElement>;
+	area: HTMLAreaAttributes;
+	article: HTMLAttributes<HTMLElement>;
+	aside: HTMLAttributes<HTMLElement>;
+	audio: HTMLAudioAttributes;
+	b: HTMLAttributes<HTMLElement>;
+	base: HTMLBaseAttributes;
+	bdi: HTMLAttributes<HTMLElement>;
+	bdo: HTMLAttributes<HTMLElement>;
+	big: HTMLAttributes<HTMLElement>;
+	blockquote: HTMLBlockquoteAttributes;
+	body: HTMLAttributes<HTMLBodyElement>;
+	br: HTMLAttributes<HTMLBRElement>;
+	button: HTMLButtonAttributes;
+	canvas: HTMLCanvasAttributes;
+	caption: HTMLAttributes<HTMLElement>;
+	cite: HTMLAttributes<HTMLElement>;
+	code: HTMLAttributes<HTMLElement>;
+	col: HTMLColAttributes;
+	colgroup: HTMLColgroupAttributes;
+	data: HTMLDataAttributes;
+	datalist: HTMLAttributes<HTMLDataListElement>;
+	dd: HTMLAttributes<HTMLElement>;
+	del: HTMLDelAttributes;
+	details: HTMLDetailsAttributes;
+	dfn: HTMLAttributes<HTMLElement>;
+	dialog: HTMLDialogAttributes;
+	div: HTMLAttributes<HTMLDivElement>;
+	dl: HTMLAttributes<HTMLDListElement>;
+	dt: HTMLAttributes<HTMLElement>;
+	em: HTMLAttributes<HTMLElement>;
+	embed: HTMLEmbedAttributes;
+	fieldset: HTMLFieldsetAttributes;
+	figcaption: HTMLAttributes<HTMLElement>;
+	figure: HTMLAttributes<HTMLElement>;
+	footer: HTMLAttributes<HTMLElement>;
+	form: HTMLFormAttributes;
+	h1: HTMLAttributes<HTMLHeadingElement>;
+	h2: HTMLAttributes<HTMLHeadingElement>;
+	h3: HTMLAttributes<HTMLHeadingElement>;
+	h4: HTMLAttributes<HTMLHeadingElement>;
+	h5: HTMLAttributes<HTMLHeadingElement>;
+	h6: HTMLAttributes<HTMLHeadingElement>;
+	head: HTMLAttributes<HTMLElement>;
+	header: HTMLAttributes<HTMLElement>;
+	hgroup: HTMLAttributes<HTMLElement>;
+	hr: HTMLAttributes<HTMLHRElement>;
+	html: HTMLHtmlAttributes;
+	i: HTMLAttributes<HTMLElement>;
+	iframe: HTMLIframeAttributes;
+	img: HTMLImgAttributes;
+	input: HTMLInputAttributes;
+	ins: HTMLInsAttributes;
+	kbd: HTMLAttributes<HTMLElement>;
+	keygen: HTMLKeygenAttributes;
+	label: HTMLLabelAttributes;
+	legend: HTMLAttributes<HTMLLegendElement>;
+	li: HTMLLiAttributes;
+	link: HTMLLinkAttributes;
+	main: HTMLAttributes<HTMLElement>;
+	map: HTMLMapAttributes;
+	mark: HTMLAttributes<HTMLElement>;
+	menu: HTMLMenuAttributes;
+	menuitem: HTMLAttributes<HTMLElement>;
+	meta: HTMLMetaAttributes;
+	meter: HTMLMeterAttributes;
+	nav: HTMLAttributes<HTMLElement>;
+	noscript: HTMLAttributes<HTMLElement>;
+	object: HTMLObjectAttributes;
+	ol: HTMLOlAttributes;
+	optgroup: HTMLOptgroupAttributes;
+	option: HTMLOptionAttributes;
+	output: HTMLOutputAttributes;
+	p: HTMLAttributes<HTMLParagraphElement>;
+	param: HTMLParamAttributes;
+	picture: HTMLAttributes<HTMLElement>;
+	pre: HTMLAttributes<HTMLPreElement>;
+	progress: HTMLProgressAttributes;
+	q: HTMLQuoteAttributes;
+	rp: HTMLAttributes<HTMLElement>;
+	rt: HTMLAttributes<HTMLElement>;
+	ruby: HTMLAttributes<HTMLElement>;
+	s: HTMLAttributes<HTMLElement>;
+	samp: HTMLAttributes<HTMLElement>;
+	slot: HTMLSlotAttributes;
+	script: HTMLScriptAttributes;
+	section: HTMLAttributes<HTMLElement>;
+	select: HTMLSelectAttributes;
+	small: HTMLAttributes<HTMLElement>;
+	source: HTMLSourceAttributes;
+	span: HTMLAttributes<HTMLSpanElement>;
+	strong: HTMLAttributes<HTMLElement>;
+	style: HTMLStyleAttributes;
+	sub: HTMLAttributes<HTMLElement>;
+	summary: HTMLAttributes<HTMLElement>;
+	sup: HTMLAttributes<HTMLElement>;
+	table: HTMLTableAttributes;
+	template: HTMLAttributes<HTMLTemplateElement>;
+	tbody: HTMLAttributes<HTMLTableSectionElement>;
+	td: HTMLTdAttributes;
+	textarea: HTMLTextareaAttributes;
+	tfoot: HTMLAttributes<HTMLTableSectionElement>;
+	th: HTMLThAttributes;
+	thead: HTMLAttributes<HTMLTableSectionElement>;
+	time: HTMLTimeAttributes;
+	title: HTMLAttributes<HTMLTitleElement>;
+	tr: HTMLAttributes<HTMLTableRowElement>;
+	track: HTMLTrackAttributes;
+	u: HTMLAttributes<HTMLElement>;
+	ul: HTMLAttributes<HTMLUListElement>;
+	var: HTMLAttributes<HTMLElement>;
+	video: HTMLVideoAttributes;
+	wbr: HTMLAttributes<HTMLElement>;
+	webview: HTMLWebViewAttributes;
+	// SVG
+	svg: SVGAttributes<SVGSVGElement>;
+
+	animate: SVGAttributes<SVGAnimateElement>;
+	animateMotion: SVGAttributes<SVGElement>;
+	animateTransform: SVGAttributes<SVGAnimateTransformElement>;
+	circle: SVGAttributes<SVGCircleElement>;
+	clipPath: SVGAttributes<SVGClipPathElement>;
+	defs: SVGAttributes<SVGDefsElement>;
+	desc: SVGAttributes<SVGDescElement>;
+	ellipse: SVGAttributes<SVGEllipseElement>;
+	feBlend: SVGAttributes<SVGFEBlendElement>;
+	feColorMatrix: SVGAttributes<SVGFEColorMatrixElement>;
+	feComponentTransfer: SVGAttributes<SVGFEComponentTransferElement>;
+	feComposite: SVGAttributes<SVGFECompositeElement>;
+	feConvolveMatrix: SVGAttributes<SVGFEConvolveMatrixElement>;
+	feDiffuseLighting: SVGAttributes<SVGFEDiffuseLightingElement>;
+	feDisplacementMap: SVGAttributes<SVGFEDisplacementMapElement>;
+	feDistantLight: SVGAttributes<SVGFEDistantLightElement>;
+	feDropShadow: SVGAttributes<SVGFEDropShadowElement>;
+	feFlood: SVGAttributes<SVGFEFloodElement>;
+	feFuncA: SVGAttributes<SVGFEFuncAElement>;
+	feFuncB: SVGAttributes<SVGFEFuncBElement>;
+	feFuncG: SVGAttributes<SVGFEFuncGElement>;
+	feFuncR: SVGAttributes<SVGFEFuncRElement>;
+	feGaussianBlur: SVGAttributes<SVGFEGaussianBlurElement>;
+	feImage: SVGAttributes<SVGFEImageElement>;
+	feMerge: SVGAttributes<SVGFEMergeElement>;
+	feMergeNode: SVGAttributes<SVGFEMergeNodeElement>;
+	feMorphology: SVGAttributes<SVGFEMorphologyElement>;
+	feOffset: SVGAttributes<SVGFEOffsetElement>;
+	fePointLight: SVGAttributes<SVGFEPointLightElement>;
+	feSpecularLighting: SVGAttributes<SVGFESpecularLightingElement>;
+	feSpotLight: SVGAttributes<SVGFESpotLightElement>;
+	feTile: SVGAttributes<SVGFETileElement>;
+	feTurbulence: SVGAttributes<SVGFETurbulenceElement>;
+	filter: SVGAttributes<SVGFilterElement>;
+	foreignObject: SVGAttributes<SVGForeignObjectElement>;
+	g: SVGAttributes<SVGGElement>;
+	image: SVGAttributes<SVGImageElement>;
+	line: SVGAttributes<SVGLineElement>;
+	linearGradient: SVGAttributes<SVGLinearGradientElement>;
+	marker: SVGAttributes<SVGMarkerElement>;
+	mask: SVGAttributes<SVGMaskElement>;
+	metadata: SVGAttributes<SVGMetadataElement>;
+	mpath: SVGAttributes<SVGElement>;
+	path: SVGAttributes<SVGPathElement>;
+	pattern: SVGAttributes<SVGPatternElement>;
+	polygon: SVGAttributes<SVGPolygonElement>;
+	polyline: SVGAttributes<SVGPolylineElement>;
+	radialGradient: SVGAttributes<SVGRadialGradientElement>;
+	rect: SVGAttributes<SVGRectElement>;
+	stop: SVGAttributes<SVGStopElement>;
+	switch: SVGAttributes<SVGSwitchElement>;
+	symbol: SVGAttributes<SVGSymbolElement>;
+	text: SVGAttributes<SVGTextElement>;
+	textPath: SVGAttributes<SVGTextPathElement>;
+	tspan: SVGAttributes<SVGTSpanElement>;
+	use: SVGAttributes<SVGUseElement>;
+	view: SVGAttributes<SVGViewElement>;
+
+	// Svelte specific
+	'svelte:window': SvelteWindowAttributes;
+	'svelte:body': HTMLAttributes<HTMLElement>;
+	'svelte:fragment': { slot?: string };
+	'svelte:options': { [name: string]: any };
+	'svelte:head': { [name: string]: any };
+
+	[name: string]: { [name: string]: any };
+}
diff --git a/elements/package.json b/elements/package.json
new file mode 100644
index 00000000000..1704e6b78b3
--- /dev/null
+++ b/elements/package.json
@@ -0,0 +1,3 @@
+{
+  "types": "./index.d.ts"
+}
diff --git a/generate-type-definitions.js b/generate-type-definitions.js
new file mode 100644
index 00000000000..6ec2f313c33
--- /dev/null
+++ b/generate-type-definitions.js
@@ -0,0 +1,28 @@
+// This script generates the TypeScript definitions
+
+const { execSync } = require('child_process');
+const { readFileSync, writeFileSync } = require('fs');
+
+try {
+	execSync('tsc -p src/compiler --emitDeclarationOnly && tsc -p src/runtime --emitDeclarationOnly');
+} catch (err) {
+	console.error(err.stderr.toString());
+	throw err;
+}
+// We need to add these types to the .d.ts files here because if we add them before building, the build will fail,
+// because the TS->JS transformation doesn't know these exports are types and produces code that fails at runtime.
+// We can't use `export type` syntax either because the TS version we're on doesn't have this feature yet.
+
+function modify(path, modifyFn) {
+    const content = readFileSync(path, 'utf8');
+    writeFileSync(path, modifyFn(content));
+}
+
+modify(
+    'types/runtime/index.d.ts',
+    content => content.replace('SvelteComponentTyped', 'SvelteComponentTyped, ComponentType, ComponentConstructorOptions, ComponentProps, ComponentEvents')
+);
+modify(
+    'types/compiler/index.d.ts',
+    content => content + '\nexport { CompileOptions, ModuleFormat, EnableSourcemap, CssHashGetter } from "./interfaces"'
+);
diff --git a/package-lock.json b/package-lock.json
index 3c5e9577b54..ed58f94c7e3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,50 +1,54 @@
 {
   "name": "svelte",
-  "version": "3.48.0",
+  "version": "3.56.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "svelte",
-      "version": "3.48.0",
+      "version": "3.56.0",
       "license": "MIT",
       "devDependencies": {
         "@ampproject/remapping": "^0.3.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14",
         "@rollup/plugin-commonjs": "^11.0.0",
-        "@rollup/plugin-json": "^4.0.1",
-        "@rollup/plugin-node-resolve": "^6.0.0",
-        "@rollup/plugin-replace": "^2.3.0",
+        "@rollup/plugin-json": "^6.0.0",
+        "@rollup/plugin-node-resolve": "^11.2.1",
+        "@rollup/plugin-replace": "^5.0.2",
         "@rollup/plugin-sucrase": "^3.1.0",
         "@rollup/plugin-typescript": "^2.0.1",
-        "@rollup/plugin-virtual": "^2.0.0",
+        "@rollup/plugin-virtual": "^3.0.1",
         "@sveltejs/eslint-config": "github:sveltejs/eslint-config#v5.8.0",
+        "@types/aria-query": "^5.0.1",
         "@types/mocha": "^7.0.0",
         "@types/node": "^8.10.53",
-        "@typescript-eslint/eslint-plugin": "^4.31.2",
-        "@typescript-eslint/parser": "^4.31.2",
-        "acorn": "^8.4.1",
-        "agadoo": "^1.1.0",
-        "code-red": "^0.2.5",
-        "css-tree": "^1.1.2",
-        "eslint": "^7.32.0",
-        "eslint-plugin-import": "^2.24.2",
-        "eslint-plugin-svelte3": "^3.2.1",
-        "estree-walker": "^3.0.0",
-        "is-reference": "^3.0.0",
+        "@typescript-eslint/eslint-plugin": "^5.29.0",
+        "@typescript-eslint/parser": "^5.29.0",
+        "acorn": "^8.8.1",
+        "agadoo": "^3.0.0",
+        "aria-query": "^5.1.3",
+        "axobject-query": "^3.1.1",
+        "code-red": "^1.0.0",
+        "css-tree": "^2.3.1",
+        "eslint": "^8.35.0",
+        "eslint-plugin-import": "^2.27.0",
+        "eslint-plugin-svelte3": "^4.0.0",
+        "estree-walker": "^3.0.3",
+        "is-reference": "^3.0.1",
         "jsdom": "^15.2.1",
-        "kleur": "^3.0.3",
+        "kleur": "^4.1.5",
         "locate-character": "^2.0.5",
-        "magic-string": "^0.25.3",
+        "magic-string": "^0.30.0",
         "mocha": "^7.0.0",
-        "periscopic": "^3.0.4",
+        "periscopic": "^3.1.0",
         "puppeteer": "^2.0.0",
         "rollup": "^1.27.14",
-        "source-map": "^0.7.3",
-        "source-map-support": "^0.5.13",
-        "sourcemap-codec": "^1.4.8",
-        "tiny-glob": "^0.2.6",
-        "tslib": "^2.0.3",
-        "typescript": "^3.7.5"
+        "source-map": "^0.7.4",
+        "source-map-support": "^0.5.21",
+        "tiny-glob": "^0.2.9",
+        "tslib": "^2.5.0",
+        "typescript": "^3.7.5",
+        "util": "^0.12.5"
       },
       "engines": {
         "node": ">= 8"
@@ -63,76 +67,111 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/@babel/code-frame": {
-      "version": "7.12.11",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
-      "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.0.tgz",
+      "integrity": "sha512-fluIaaV+GyV24CCu/ggiHdV+j4RNh85yQnAYS/G2mZODZgGmmlrgCydjUcV3YvxCm9x8nMAfThsqTni4KiXT4A==",
       "dev": true,
       "dependencies": {
-        "@babel/highlight": "^7.10.4"
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.4.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.15.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz",
-      "integrity": "sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==",
+    "node_modules/@eslint/eslintrc/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/@eslint/eslintrc/node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
       "dev": true,
-      "engines": {
-        "node": ">=6.9.0"
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
       }
     },
-    "node_modules/@babel/highlight": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.14.5.tgz",
-      "integrity": "sha512-qf9u2WFWVV0MppaL877j2dBtQIDgmidgjGk5VIMw3OadXvYaXn66U1BFlH2t4+t3i+8PhedppRv+i40ABzd+gg==",
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.14.5",
-        "chalk": "^2.0.0",
-        "js-tokens": "^4.0.0"
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": "*"
       }
     },
-    "node_modules/@eslint/eslintrc": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz",
-      "integrity": "sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==",
+    "node_modules/@eslint/js": {
+      "version": "8.35.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.35.0.tgz",
+      "integrity": "sha512-JXdzbRiWclLVoD8sNUjR443VVlYqiYmDVT6rGUEIEHU5YJW0gaVZwV2xgM7D4arkvASqD0IlLUVjHiFuxaftRw==",
       "dev": true,
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.1.1",
-        "espree": "^7.3.0",
-        "globals": "^13.9.0",
-        "ignore": "^4.0.6",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^3.13.1",
-        "minimatch": "^3.0.4",
-        "strip-json-comments": "^3.1.1"
-      },
       "engines": {
-        "node": "^10.12.0 || >=12.0.0"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
     "node_modules/@humanwhocodes/config-array": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.5.0.tgz",
-      "integrity": "sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==",
+      "version": "0.11.8",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
+      "integrity": "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==",
       "dev": true,
       "dependencies": {
-        "@humanwhocodes/object-schema": "^1.2.0",
+        "@humanwhocodes/object-schema": "^1.2.1",
         "debug": "^4.1.1",
-        "minimatch": "^3.0.4"
+        "minimatch": "^3.0.5"
       },
       "engines": {
         "node": ">=10.10.0"
       }
     },
+    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
     "node_modules/@humanwhocodes/object-schema": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.0.tgz",
-      "integrity": "sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
     "node_modules/@jridgewell/resolve-uri": {
@@ -144,6 +183,12 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
+      "dev": true
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -210,39 +255,183 @@
         "@types/estree": "*"
       }
     },
+    "node_modules/@rollup/plugin-commonjs/node_modules/magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dev": true,
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
     "node_modules/@rollup/plugin-json": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-4.0.1.tgz",
-      "integrity": "sha512-soxllkhOGgchswBAAaTe7X9G80U2tjjHvXv0sBrriLJcC/89PkP59iTrKPOfbz3SjX088mKDmMhAscuyLz8ZSg==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.0.0.tgz",
+      "integrity": "sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==",
       "dev": true,
       "dependencies": {
-        "rollup-pluginutils": "^2.5.0"
+        "@rollup/pluginutils": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-json/node_modules/@rollup/pluginutils": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
+      "integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
       }
     },
+    "node_modules/@rollup/plugin-json/node_modules/@types/estree": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+      "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
+      "dev": true
+    },
+    "node_modules/@rollup/plugin-json/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true
+    },
     "node_modules/@rollup/plugin-node-resolve": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-6.0.0.tgz",
-      "integrity": "sha512-GqWz1CfXOsqpeVMcoM315+O7zMxpRsmhWyhJoxLFHVSp9S64/u02i7len/FnbTNbmgYs+sZyilasijH8UiuboQ==",
+      "version": "11.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.2.1.tgz",
+      "integrity": "sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==",
       "dev": true,
       "dependencies": {
-        "@rollup/pluginutils": "^3.0.0",
-        "@types/resolve": "0.0.8",
+        "@rollup/pluginutils": "^3.1.0",
+        "@types/resolve": "1.17.1",
         "builtin-modules": "^3.1.0",
+        "deepmerge": "^4.2.2",
         "is-module": "^1.0.0",
-        "resolve": "^1.11.1"
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0"
+      }
+    },
+    "node_modules/@rollup/plugin-node-resolve/node_modules/@rollup/pluginutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+      "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "0.0.39",
+        "estree-walker": "^1.0.1",
+        "picomatch": "^2.2.2"
       },
       "engines": {
         "node": ">= 8.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0"
       }
     },
+    "node_modules/@rollup/plugin-node-resolve/node_modules/@types/estree": {
+      "version": "0.0.39",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
+      "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
+      "dev": true
+    },
+    "node_modules/@rollup/plugin-node-resolve/node_modules/estree-walker": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
+      "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
+      "dev": true
+    },
     "node_modules/@rollup/plugin-replace": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-2.3.0.tgz",
-      "integrity": "sha512-rzWAMqXAHC1w3eKpK6LxRqiF4f3qVFaa1sGii6Bp3rluKcwHNOpPt+hWRCmAH6SDEPtbPiLFf0pfNQyHs6Btlg==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz",
+      "integrity": "sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==",
       "dev": true,
       "dependencies": {
-        "magic-string": "^0.25.2",
-        "rollup-pluginutils": "^2.6.0"
+        "@rollup/pluginutils": "^5.0.1",
+        "magic-string": "^0.27.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-replace/node_modules/@rollup/pluginutils": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
+      "integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-replace/node_modules/@types/estree": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+      "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
+      "dev": true
+    },
+    "node_modules/@rollup/plugin-replace/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true
+    },
+    "node_modules/@rollup/plugin-replace/node_modules/magic-string": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+      "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.13"
+      },
+      "engines": {
+        "node": ">=12"
       }
     },
     "node_modules/@rollup/plugin-sucrase": {
@@ -259,23 +448,39 @@
       }
     },
     "node_modules/@rollup/plugin-typescript": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-2.0.1.tgz",
-      "integrity": "sha512-UA/bN/DlHN19xdOllXmp7G7pM2ac9dQMg0q2T1rg4Bogzb7oHXj2WGafpiNpEm54PivcJdzGRJvRnI6zCISW3w==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-2.1.0.tgz",
+      "integrity": "sha512-7lXKGY06aofrceVez/YnN2axttFdHSqlUBpCJ6ebzDfxwLDKMgSV5lD4ykBcdgE7aK3egxuLkD/HKyRB5L8Log==",
       "dev": true,
       "dependencies": {
         "@rollup/pluginutils": "^3.0.0",
-        "resolve": "^1.12.2"
+        "resolve": "^1.13.1"
       },
       "engines": {
         "node": ">=8.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0",
+        "tslib": "*",
+        "typescript": ">=2.1.0"
       }
     },
     "node_modules/@rollup/plugin-virtual": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-2.0.0.tgz",
-      "integrity": "sha512-yUyQjcflsN1DGcUHj3I0NYL6Y6xrna6qjdaGjM93LjFLq8NFowhR0655ICeV9bNDbk+LI4pz7Q6xqeDdj1RdlA==",
-      "dev": true
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-3.0.1.tgz",
+      "integrity": "sha512-fK8O0IL5+q+GrsMLuACVNk2x21g3yaw+sG2qn16SnUd3IlBsQyvWxLMGHmCmXRMecPjGRSZ/1LmZB4rjQm68og==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
     },
     "node_modules/@rollup/pluginutils": {
       "version": "3.0.1",
@@ -299,16 +504,22 @@
       "resolved": "git+ssh://git@github.com/sveltejs/eslint-config.git#31fd4faeea88990069502460b023698b1c9c2d13",
       "dev": true
     },
+    "node_modules/@types/aria-query": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.1.tgz",
+      "integrity": "sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==",
+      "dev": true
+    },
     "node_modules/@types/estree": {
-      "version": "0.0.50",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.50.tgz",
-      "integrity": "sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+      "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
       "dev": true
     },
     "node_modules/@types/json-schema": {
-      "version": "7.0.9",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz",
-      "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==",
+      "version": "7.0.11",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
+      "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
       "dev": true
     },
     "node_modules/@types/json5": {
@@ -336,38 +547,40 @@
       "dev": true
     },
     "node_modules/@types/resolve": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
-      "integrity": "sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==",
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
+      "integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
       "dev": true,
       "dependencies": {
         "@types/node": "*"
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.31.2.tgz",
-      "integrity": "sha512-w63SCQ4bIwWN/+3FxzpnWrDjQRXVEGiTt9tJTRptRXeFvdZc/wLiz3FQUwNQ2CVoRGI6KUWMNUj/pk63noUfcA==",
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.29.0.tgz",
+      "integrity": "sha512-kgTsISt9pM53yRFQmLZ4npj99yGl3x3Pl7z4eA66OuTzAGC4bQB5H5fuLwPnqTKU3yyrrg4MIhjF17UYnL4c0w==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/experimental-utils": "4.31.2",
-        "@typescript-eslint/scope-manager": "4.31.2",
-        "debug": "^4.3.1",
+        "@typescript-eslint/scope-manager": "5.29.0",
+        "@typescript-eslint/type-utils": "5.29.0",
+        "@typescript-eslint/utils": "5.29.0",
+        "debug": "^4.3.4",
         "functional-red-black-tree": "^1.0.1",
-        "regexpp": "^3.1.0",
-        "semver": "^7.3.5",
+        "ignore": "^5.2.0",
+        "regexpp": "^3.2.0",
+        "semver": "^7.3.7",
         "tsutils": "^3.21.0"
       },
       "engines": {
-        "node": "^10.12.0 || >=12.0.0"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^4.0.0",
-        "eslint": "^5.0.0 || ^6.0.0 || ^7.0.0"
+        "@typescript-eslint/parser": "^5.0.0",
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -375,22 +588,10 @@
         }
       }
     },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "version": "7.3.8",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
+      "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -402,87 +603,83 @@
         "node": ">=10"
       }
     },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/@typescript-eslint/experimental-utils": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-4.31.2.tgz",
-      "integrity": "sha512-3tm2T4nyA970yQ6R3JZV9l0yilE2FedYg8dcXrTar34zC9r6JB7WyBQbpIVongKPlhEMjhQ01qkwrzWy38Bk1Q==",
+    "node_modules/@typescript-eslint/parser": {
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.29.0.tgz",
+      "integrity": "sha512-ruKWTv+x0OOxbzIw9nW5oWlUopvP/IQDjB5ZqmTglLIoDTctLlAJpAQFpNPJP/ZI7hTT9sARBosEfaKbcFuECw==",
       "dev": true,
       "dependencies": {
-        "@types/json-schema": "^7.0.7",
-        "@typescript-eslint/scope-manager": "4.31.2",
-        "@typescript-eslint/types": "4.31.2",
-        "@typescript-eslint/typescript-estree": "4.31.2",
-        "eslint-scope": "^5.1.1",
-        "eslint-utils": "^3.0.0"
+        "@typescript-eslint/scope-manager": "5.29.0",
+        "@typescript-eslint/types": "5.29.0",
+        "@typescript-eslint/typescript-estree": "5.29.0",
+        "debug": "^4.3.4"
       },
       "engines": {
-        "node": "^10.12.0 || >=12.0.0"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "*"
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-4.31.2.tgz",
-      "integrity": "sha512-EcdO0E7M/sv23S/rLvenHkb58l3XhuSZzKf6DBvLgHqOYdL6YFMYVtreGFWirxaU2mS1GYDby3Lyxco7X5+Vjw==",
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.29.0.tgz",
+      "integrity": "sha512-etbXUT0FygFi2ihcxDZjz21LtC+Eps9V2xVx09zFoN44RRHPrkMflidGMI+2dUs821zR1tDS6Oc9IXxIjOUZwA==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "4.31.2",
-        "@typescript-eslint/types": "4.31.2",
-        "@typescript-eslint/typescript-estree": "4.31.2",
-        "debug": "^4.3.1"
+        "@typescript-eslint/types": "5.29.0",
+        "@typescript-eslint/visitor-keys": "5.29.0"
       },
       "engines": {
-        "node": "^10.12.0 || >=12.0.0"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^5.0.0 || ^6.0.0 || ^7.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
       }
     },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-4.31.2.tgz",
-      "integrity": "sha512-2JGwudpFoR/3Czq6mPpE8zBPYdHWFGL6lUNIGolbKQeSNv4EAiHaR5GVDQaLA0FwgcdcMtRk+SBJbFGL7+La5w==",
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.29.0.tgz",
+      "integrity": "sha512-JK6bAaaiJozbox3K220VRfCzLa9n0ib/J+FHIwnaV3Enw/TO267qe0pM1b1QrrEuy6xun374XEAsRlA86JJnyg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "4.31.2",
-        "@typescript-eslint/visitor-keys": "4.31.2"
+        "@typescript-eslint/utils": "5.29.0",
+        "debug": "^4.3.4",
+        "tsutils": "^3.21.0"
       },
       "engines": {
-        "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-4.31.2.tgz",
-      "integrity": "sha512-kWiTTBCTKEdBGrZKwFvOlGNcAsKGJSBc8xLvSjSppFO88AqGxGNYtF36EuEYG6XZ9vT0xX8RNiHbQUKglbSi1w==",
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.29.0.tgz",
+      "integrity": "sha512-X99VbqvAXOMdVyfFmksMy3u8p8yoRGITgU1joBJPzeYa0rhdf5ok9S56/itRoUSh99fiDoMtarSIJXo7H/SnOg==",
       "dev": true,
       "engines": {
-        "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -490,21 +687,21 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-4.31.2.tgz",
-      "integrity": "sha512-ieBq8U9at6PvaC7/Z6oe8D3czeW5d//Fo1xkF/s9394VR0bg/UaMYPdARiWyKX+lLEjY3w/FNZJxitMsiWv+wA==",
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.29.0.tgz",
+      "integrity": "sha512-mQvSUJ/JjGBdvo+1LwC+GY2XmSYjK1nAaVw2emp/E61wEVYEyibRHCqm1I1vEKbXCpUKuW4G7u9ZCaZhJbLoNQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "4.31.2",
-        "@typescript-eslint/visitor-keys": "4.31.2",
-        "debug": "^4.3.1",
-        "globby": "^11.0.3",
-        "is-glob": "^4.0.1",
-        "semver": "^7.3.5",
+        "@typescript-eslint/types": "5.29.0",
+        "@typescript-eslint/visitor-keys": "5.29.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.3.7",
         "tsutils": "^3.21.0"
       },
       "engines": {
-        "node": "^10.12.0 || >=12.0.0"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -516,22 +713,10 @@
         }
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "version": "7.3.8",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
+      "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -543,29 +728,56 @@
         "node": ">=10"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+    "node_modules/@typescript-eslint/utils": {
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.29.0.tgz",
+      "integrity": "sha512-3Eos6uP1nyLOBayc/VUdKZikV90HahXE5Dx9L5YlSd/7ylQPXhLk1BYb29SDgnBnTp+jmSZUU0QxUiyHgW4p7A==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "@typescript-eslint/scope-manager": "5.29.0",
+        "@typescript-eslint/types": "5.29.0",
+        "@typescript-eslint/typescript-estree": "5.29.0",
+        "eslint-scope": "^5.1.1",
+        "eslint-utils": "^3.0.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-4.31.2.tgz",
-      "integrity": "sha512-PrBId7EQq2Nibns7dd/ch6S6/M4/iwLM9McbgeEbCXfxdwRUNxJ4UNreJ6Gh3fI2GNKNrWnQxKL7oCPmngKBug==",
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.29.0.tgz",
+      "integrity": "sha512-Hpb/mCWsjILvikMQoZIE3voc9wtQcS0A9FUw3h8bhr9UxBdtI/tw1ZDZUOXHXLOVMedKCH5NxyzATwnU78bWCQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "4.31.2",
-        "eslint-visitor-keys": "^2.0.0"
+        "@typescript-eslint/types": "5.29.0",
+        "eslint-visitor-keys": "^3.3.0"
       },
       "engines": {
-        "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
+      "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
     "node_modules/abab": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.0.tgz",
@@ -573,9 +785,9 @@
       "dev": true
     },
     "node_modules/acorn": {
-      "version": "8.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.4.1.tgz",
-      "integrity": "sha512-asabaBSkEKosYKMITunzX177CXxQ4Q8BSSzMTKD+FefUhipQC70gfW5SiUDhYQ3vk8G+81HqQk7Fv9OXwwn9KA==",
+      "version": "8.8.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
       "dev": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -625,16 +837,47 @@
       }
     },
     "node_modules/agadoo": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/agadoo/-/agadoo-1.1.0.tgz",
-      "integrity": "sha512-MiTXQ3As5jARRXa0eZF+ObtzsseQurCXOc1RB19NOGDsimEvoT8DB8iQiC0zAGTfsF/nBhzEle+eV9UpXyWnbw==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/agadoo/-/agadoo-3.0.0.tgz",
+      "integrity": "sha512-gq+fjT3Ilrhb88Jf+vYMjdO/+3znYfa7vJ4IMLPFsBPUxglnr40Ed3yCLrW6IABdJAedB94b2BkqR6I04lh3dg==",
       "dev": true,
       "dependencies": {
-        "rollup": "^1",
-        "rollup-plugin-virtual": "^1.0.1"
+        "@rollup/plugin-virtual": "^3.0.1",
+        "acorn": "^8.8.1",
+        "rollup": "^3.5.0"
       },
       "bin": {
-        "agadoo": "agadoo"
+        "agadoo": "cli.js"
+      }
+    },
+    "node_modules/agadoo/node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/agadoo/node_modules/rollup": {
+      "version": "3.18.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.18.0.tgz",
+      "integrity": "sha512-J8C6VfEBjkvYPESMQYxKHxNOh4A5a3FlP+0BETGo34HEcE4eTlgCrO2+eWzlu2a/sHs2QUkZco+wscH7jhhgWg==",
+      "dev": true,
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=14.18.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
       }
     },
     "node_modules/agent-base": {
@@ -662,15 +905,6 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/ansi-colors": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
-      "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/ansi-regex": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
@@ -720,6 +954,15 @@
         "sprintf-js": "~1.0.2"
       }
     },
+    "node_modules/aria-query": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
+      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
+      "dev": true,
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
     "node_modules/array-equal": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/array-equal/-/array-equal-1.0.0.tgz",
@@ -727,16 +970,16 @@
       "dev": true
     },
     "node_modules/array-includes": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.3.tgz",
-      "integrity": "sha512-gcem1KlBU7c9rB+Rq8/3PPKsK2kjqeEBa3bD5kkQo4nYlOHQCJqIJFqBXDEfwaRuYTT4E+FxA9xez7Gf/e3Q7A==",
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz",
+      "integrity": "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.18.0-next.2",
-        "get-intrinsic": "^1.1.1",
-        "is-string": "^1.0.5"
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
+        "is-string": "^1.0.7"
       },
       "engines": {
         "node": ">= 0.4"
@@ -755,17 +998,39 @@
       }
     },
     "node_modules/array.prototype.flat": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.4.tgz",
-      "integrity": "sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz",
+      "integrity": "sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.18.0-next.1"
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz",
+      "integrity": "sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/asn1": {
@@ -786,15 +1051,6 @@
         "node": ">=0.8"
       }
     },
-    "node_modules/astral-regex": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
-      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/async-limiter": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
@@ -807,6 +1063,18 @@
       "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
       "dev": true
     },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/aws-sign2": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
@@ -822,6 +1090,15 @@
       "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
       "dev": true
     },
+    "node_modules/axobject-query": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
+      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
+      "dev": true,
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -1000,17 +1277,16 @@
       }
     },
     "node_modules/code-red": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/code-red/-/code-red-0.2.5.tgz",
-      "integrity": "sha512-x+uQyJLNS1v0+74eXqM7FMPoM1fU/fN3tdexGWtCuVjCfxADt1TuuEGIGlFyCC2vhgINDctDb/rgSn8/ZDfJsQ==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.0.tgz",
+      "integrity": "sha512-x5fNWOBu7Ii38br3iVPuwQcDQM0f2h8ipvqw4qTLlOzYlrFQRz954qR0hPZ8asV5KG/igXNY8CRG6xtDUoKOJQ==",
       "dev": true,
       "dependencies": {
-        "@types/estree": "^0.0.50",
-        "acorn": "^8.0.5",
-        "estree-walker": "^3.0.0",
-        "is-reference": "^3.0.0",
-        "periscopic": "^3.0.4",
-        "sourcemap-codec": "^1.4.8"
+        "@jridgewell/sourcemap-codec": "^1.4.14",
+        "@types/estree": "^1.0.0",
+        "acorn": "^8.8.2",
+        "estree-walker": "^3.0.3",
+        "periscopic": "^3.1.0"
       }
     },
     "node_modules/color-convert": {
@@ -1077,25 +1353,16 @@
       "dev": true
     },
     "node_modules/css-tree": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.2.tgz",
-      "integrity": "sha512-wCoWush5Aeo48GLhfHPbmvZs59Z+M7k5+B1xDnXbdWNcEF423DoFdqSWE0PM5aNk5nI5cp1q7ms36zGApY/sKQ==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
       "dev": true,
       "dependencies": {
-        "mdn-data": "2.0.14",
-        "source-map": "^0.6.1"
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
       },
       "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/css-tree/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
       }
     },
     "node_modules/cssom": {
@@ -1146,9 +1413,9 @@
       }
     },
     "node_modules/debug": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz",
-      "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==",
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
       "dev": true,
       "dependencies": {
         "ms": "2.1.2"
@@ -1171,22 +1438,85 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/deep-equal": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.0.5.tgz",
+      "integrity": "sha512-nPiRgmbAtm1a3JsnLCf6/SLfXcjyN5v8L1TXzdCmHrXJ4hx+gW/w1YCcn7z8gJtSiDArZCgYtbao3QqLm/N1Sw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "es-get-iterator": "^1.1.1",
+        "get-intrinsic": "^1.0.1",
+        "is-arguments": "^1.0.4",
+        "is-date-object": "^1.0.2",
+        "is-regex": "^1.1.1",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.2",
+        "regexp.prototype.flags": "^1.3.0",
+        "side-channel": "^1.0.3",
+        "which-boxed-primitive": "^1.0.1",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/deep-equal/node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/deep-equal/node_modules/object.assign": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
       "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
       "dev": true
     },
+    "node_modules/deepmerge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/define-properties": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
-      "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
+      "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==",
       "dev": true,
       "dependencies": {
-        "object-keys": "^1.0.12"
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
       },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/delayed-stream": {
@@ -1219,15 +1549,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/dir-glob/node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/doctrine": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
@@ -1265,51 +1586,36 @@
       "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
       "dev": true
     },
-    "node_modules/enquirer": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
-      "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
-      "dev": true,
-      "dependencies": {
-        "ansi-colors": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dev": true,
-      "dependencies": {
-        "is-arrayish": "^0.2.1"
-      }
-    },
     "node_modules/es-abstract": {
-      "version": "1.18.6",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.6.tgz",
-      "integrity": "sha512-kAeIT4cku5eNLNuUKhlmtuk1/TRZvQoYccn6TO0cSVdf1kzB0T7+dYuVK9MWM7l+/53W2Q8M7N2c6MQvhXFcUQ==",
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.20.4.tgz",
+      "integrity": "sha512-0UtvRN79eMe2L+UNEF1BwRe364sj/DXhQ/k5FmivgoSdpM90b8Jc0mDzKMGo7QS0BVbOP/bTwBKNnDc9rNzaPA==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "es-to-primitive": "^1.2.1",
         "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.1.1",
+        "function.prototype.name": "^1.1.5",
+        "get-intrinsic": "^1.1.3",
         "get-symbol-description": "^1.0.0",
         "has": "^1.0.3",
-        "has-symbols": "^1.0.2",
+        "has-property-descriptors": "^1.0.0",
+        "has-symbols": "^1.0.3",
         "internal-slot": "^1.0.3",
-        "is-callable": "^1.2.4",
-        "is-negative-zero": "^2.0.1",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
         "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
         "is-string": "^1.0.7",
-        "object-inspect": "^1.11.0",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.12.2",
         "object-keys": "^1.1.1",
-        "object.assign": "^4.1.2",
-        "string.prototype.trimend": "^1.0.4",
-        "string.prototype.trimstart": "^1.0.4",
-        "unbox-primitive": "^1.0.1"
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.4.3",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trimend": "^1.0.5",
+        "string.prototype.trimstart": "^1.0.5",
+        "unbox-primitive": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -1319,14 +1625,14 @@
       }
     },
     "node_modules/es-abstract/node_modules/object.assign": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz",
-      "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3",
-        "has-symbols": "^1.0.1",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "has-symbols": "^1.0.3",
         "object-keys": "^1.1.1"
       },
       "engines": {
@@ -1336,6 +1642,40 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/es-get-iterator": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.2.tgz",
+      "integrity": "sha512-+DTO8GYwbMCwbywjimwZMHp8AuYXOS2JZFWoi2AlPOS3ebnII9w/NLpNZtA7A0YLaVDw+O7KFCeoIV7OPvM7hQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.0",
+        "has-symbols": "^1.0.1",
+        "is-arguments": "^1.1.0",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.5",
+        "isarray": "^2.0.5"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-get-iterator/node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+      "dev": true,
+      "dependencies": {
+        "has": "^1.0.3"
+      }
+    },
     "node_modules/es-to-primitive": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
@@ -1405,70 +1745,71 @@
       }
     },
     "node_modules/eslint": {
-      "version": "7.32.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.32.0.tgz",
-      "integrity": "sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==",
+      "version": "8.35.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.35.0.tgz",
+      "integrity": "sha512-BxAf1fVL7w+JLRQhWl2pzGeSiGqbWumV4WNvc9Rhp6tiCtm4oHnyPBSEtMGZwrQgudFQ+otqzWoPB7x+hxoWsw==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "7.12.11",
-        "@eslint/eslintrc": "^0.4.3",
-        "@humanwhocodes/config-array": "^0.5.0",
+        "@eslint/eslintrc": "^2.0.0",
+        "@eslint/js": "8.35.0",
+        "@humanwhocodes/config-array": "^0.11.8",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
         "ajv": "^6.10.0",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.2",
-        "debug": "^4.0.1",
+        "debug": "^4.3.2",
         "doctrine": "^3.0.0",
-        "enquirer": "^2.3.5",
         "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^5.1.1",
-        "eslint-utils": "^2.1.0",
-        "eslint-visitor-keys": "^2.0.0",
-        "espree": "^7.3.1",
-        "esquery": "^1.4.0",
+        "eslint-scope": "^7.1.1",
+        "eslint-utils": "^3.0.0",
+        "eslint-visitor-keys": "^3.3.0",
+        "espree": "^9.4.0",
+        "esquery": "^1.4.2",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
         "file-entry-cache": "^6.0.1",
-        "functional-red-black-tree": "^1.0.1",
-        "glob-parent": "^5.1.2",
-        "globals": "^13.6.0",
-        "ignore": "^4.0.6",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "grapheme-splitter": "^1.0.4",
+        "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
-        "js-yaml": "^3.13.1",
+        "is-path-inside": "^3.0.3",
+        "js-sdsl": "^4.1.4",
+        "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "levn": "^0.4.1",
         "lodash.merge": "^4.6.2",
-        "minimatch": "^3.0.4",
+        "minimatch": "^3.1.2",
         "natural-compare": "^1.4.0",
         "optionator": "^0.9.1",
-        "progress": "^2.0.0",
-        "regexpp": "^3.1.0",
-        "semver": "^7.2.1",
-        "strip-ansi": "^6.0.0",
+        "regexpp": "^3.2.0",
+        "strip-ansi": "^6.0.1",
         "strip-json-comments": "^3.1.0",
-        "table": "^6.0.9",
-        "text-table": "^0.2.0",
-        "v8-compile-cache": "^2.0.3"
+        "text-table": "^0.2.0"
       },
       "bin": {
         "eslint": "bin/eslint.js"
       },
       "engines": {
-        "node": "^10.12.0 || >=12.0.0"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.6",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz",
-      "integrity": "sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw==",
+      "version": "0.3.7",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.7.tgz",
+      "integrity": "sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA==",
       "dev": true,
       "dependencies": {
         "debug": "^3.2.7",
-        "resolve": "^1.20.0"
+        "is-core-module": "^2.11.0",
+        "resolve": "^1.22.1"
       }
     },
     "node_modules/eslint-import-resolver-node/node_modules/debug": {
@@ -1481,16 +1822,20 @@
       }
     },
     "node_modules/eslint-module-utils": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.6.2.tgz",
-      "integrity": "sha512-QG8pcgThYOuqxupd06oYTZoNOGaUdTY1PqK+oS6ElF6vs4pBdk/aYxFVQQXzcrAqp9m7cl7lb2ubazX+g16k2Q==",
+      "version": "2.7.4",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.7.4.tgz",
+      "integrity": "sha512-j4GT+rqzCoRKHwURX7pddtIPGySnX9Si/cgMI5ztrcqOPtk5dDEeZ34CQVPphnqkJytlc97Vuk05Um2mJ3gEQA==",
       "dev": true,
       "dependencies": {
-        "debug": "^3.2.7",
-        "pkg-dir": "^2.0.0"
+        "debug": "^3.2.7"
       },
       "engines": {
         "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
       }
     },
     "node_modules/eslint-module-utils/node_modules/debug": {
@@ -1503,142 +1848,83 @@
       }
     },
     "node_modules/eslint-plugin-import": {
-      "version": "2.24.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.24.2.tgz",
-      "integrity": "sha512-hNVtyhiEtZmpsabL4neEj+6M5DCLgpYyG9nzJY8lZQeQXEn5UPW1DpUdsMHMXsq98dbNm7nt1w9ZMSVpfJdi8Q==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.3",
-        "array.prototype.flat": "^1.2.4",
-        "debug": "^2.6.9",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-module-utils": "^2.6.2",
-        "find-up": "^2.0.0",
-        "has": "^1.0.3",
-        "is-core-module": "^2.6.0",
-        "minimatch": "^3.0.4",
-        "object.values": "^1.1.4",
-        "pkg-up": "^2.0.0",
-        "read-pkg-up": "^3.0.0",
-        "resolve": "^1.20.0",
-        "tsconfig-paths": "^3.11.0"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/find-up": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
-      "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/locate-path": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
-      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^2.0.0",
-        "path-exists": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
-      "dev": true
-    },
-    "node_modules/eslint-plugin-import/node_modules/p-limit": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
-      "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+      "version": "2.27.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz",
+      "integrity": "sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==",
       "dev": true,
       "dependencies": {
-        "p-try": "^1.0.0"
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "array.prototype.flatmap": "^1.3.1",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.7",
+        "eslint-module-utils": "^2.7.4",
+        "has": "^1.0.3",
+        "is-core-module": "^2.11.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.values": "^1.1.6",
+        "resolve": "^1.22.1",
+        "semver": "^6.3.0",
+        "tsconfig-paths": "^3.14.1"
       },
       "engines": {
         "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
       }
     },
-    "node_modules/eslint-plugin-import/node_modules/p-locate": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
-      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
       "dev": true,
       "dependencies": {
-        "p-limit": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=4"
+        "ms": "^2.1.1"
       }
     },
-    "node_modules/eslint-plugin-import/node_modules/p-try": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
-      "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
       "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
       "engines": {
-        "node": ">=4"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/eslint-plugin-import/node_modules/read-pkg-up": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-3.0.0.tgz",
-      "integrity": "sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=",
+    "node_modules/eslint-plugin-import/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
       "dev": true,
       "dependencies": {
-        "find-up": "^2.0.0",
-        "read-pkg": "^3.0.0"
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": ">=4"
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
       }
     },
     "node_modules/eslint-plugin-svelte3": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-3.2.1.tgz",
-      "integrity": "sha512-YoBR9mLoKCjGghJ/gvpnFZKaMEu/VRcuxpSRS8KuozuEo7CdBH7bmBHa6FmMm0i4kJnOyx+PVsaptz96K6H/4Q==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-4.0.0.tgz",
+      "integrity": "sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==",
       "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
       "peerDependencies": {
-        "eslint": ">=6.0.0",
+        "eslint": ">=8.0.0",
         "svelte": "^3.2.0"
       }
     },
@@ -1703,6 +1989,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/eslint/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
     "node_modules/eslint/node_modules/chalk": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
@@ -1760,25 +2052,63 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint/node_modules/eslint-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
-      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.1.tgz",
+      "integrity": "sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==",
       "dev": true,
       "dependencies": {
-        "eslint-visitor-keys": "^1.1.0"
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
       },
       "engines": {
-        "node": ">=6"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
-    "node_modules/eslint/node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
+      "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
       "dev": true,
       "engines": {
-        "node": ">=4"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/eslint/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint/node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
       }
     },
     "node_modules/eslint/node_modules/has-flag": {
@@ -1790,6 +2120,18 @@
         "node": ">=8"
       }
     },
+    "node_modules/eslint/node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
     "node_modules/eslint/node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -1803,16 +2145,31 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/eslint/node_modules/lru-cache": {
+    "node_modules/eslint/node_modules/locate-path": {
       "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
       "dev": true,
       "dependencies": {
-        "yallist": "^4.0.0"
+        "p-locate": "^5.0.0"
       },
       "engines": {
         "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
       }
     },
     "node_modules/eslint/node_modules/optionator": {
@@ -1832,6 +2189,45 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/eslint/node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/eslint/node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -1850,21 +2246,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/eslint/node_modules/semver": {
-      "version": "7.3.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.4.tgz",
-      "integrity": "sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/eslint/node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -1887,12 +2268,12 @@
       }
     },
     "node_modules/eslint/node_modules/strip-ansi": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
-      "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "dev": true,
       "dependencies": {
-        "ansi-regex": "^5.0.0"
+        "ansi-regex": "^5.0.1"
       },
       "engines": {
         "node": ">=8"
@@ -1937,45 +2318,30 @@
         "node": ">= 8"
       }
     },
-    "node_modules/eslint/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/espree": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz",
-      "integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==",
+      "version": "9.4.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.1.tgz",
+      "integrity": "sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==",
       "dev": true,
       "dependencies": {
-        "acorn": "^7.4.0",
-        "acorn-jsx": "^5.3.1",
-        "eslint-visitor-keys": "^1.3.0"
+        "acorn": "^8.8.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.3.0"
       },
       "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/espree/node_modules/acorn": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
-      "engines": {
-        "node": ">=0.4.0"
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/espree/node_modules/eslint-visitor-keys": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
+      "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
       "dev": true,
       "engines": {
-        "node": ">=4"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
     "node_modules/esprima": {
@@ -1992,9 +2358,9 @@
       }
     },
     "node_modules/esquery": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
-      "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
       "dev": true,
       "dependencies": {
         "estraverse": "^5.1.0"
@@ -2004,9 +2370,9 @@
       }
     },
     "node_modules/esquery/node_modules/estraverse": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
-      "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
       "dev": true,
       "engines": {
         "node": ">=4.0"
@@ -2043,10 +2409,13 @@
       }
     },
     "node_modules/estree-walker": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.0.tgz",
-      "integrity": "sha512-s6ceX0NFiU/vKPiKvFdR83U1Zffu7upwZsGwpoqfg5rbbq1l50WQ5hCeIvM6E6oD4shUHCYMsiFPns4Jk0YfMQ==",
-      "dev": true
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
     },
     "node_modules/esutils": {
       "version": "2.0.3",
@@ -2109,9 +2478,9 @@
       "dev": true
     },
     "node_modules/fast-glob": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz",
-      "integrity": "sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==",
+      "version": "3.2.12",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
+      "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
       "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
@@ -2121,7 +2490,7 @@
         "micromatch": "^4.0.4"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=8.6.0"
       }
     },
     "node_modules/fast-json-stable-stringify": {
@@ -2236,6 +2605,15 @@
       "integrity": "sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA==",
       "dev": true
     },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
     "node_modules/forever-agent": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
@@ -2286,12 +2664,39 @@
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
       "dev": true
     },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz",
+      "integrity": "sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.19.0",
+        "functions-have-names": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/functional-red-black-tree": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
-      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
+      "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==",
       "dev": true
     },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -2302,14 +2707,14 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
-      "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.3.tgz",
+      "integrity": "sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==",
       "dev": true,
       "dependencies": {
         "function-bind": "^1.1.1",
         "has": "^1.0.3",
-        "has-symbols": "^1.0.1"
+        "has-symbols": "^1.0.3"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -2373,9 +2778,9 @@
       }
     },
     "node_modules/globals": {
-      "version": "13.11.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.11.0.tgz",
-      "integrity": "sha512-08/xrJ7wQjK9kkkRoI3OFUBbLx4f+6x3SGwcPvQ0QH6goFDrOU2oyAWrmh3dJezu65buo+HBMzAMQy6rovVC3g==",
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -2388,22 +2793,22 @@
       }
     },
     "node_modules/globalyzer": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.4.tgz",
-      "integrity": "sha512-LeguVWaxgHN0MNbWC6YljNMzHkrCny9fzjmEUdnF1kQ7wATFD1RHFRqA1qxaX2tgxGENlcxjOflopBwj3YZiXA==",
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
+      "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==",
       "dev": true
     },
     "node_modules/globby": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz",
-      "integrity": "sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg==",
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
       "dev": true,
       "dependencies": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
-        "fast-glob": "^3.1.1",
-        "ignore": "^5.1.4",
-        "merge2": "^1.3.0",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
         "slash": "^3.0.0"
       },
       "engines": {
@@ -2413,25 +2818,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/globby/node_modules/ignore": {
-      "version": "5.1.8",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
-      "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/globrex": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
       "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
       "dev": true
     },
-    "node_modules/graceful-fs": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.0.tgz",
-      "integrity": "sha512-jpSvDPV4Cq/bgtpndIWbI5hmYxhQGHPC4d4cqBPb4DLniCfhJokdXhwhaDuLBGLQdvvRum/UiX6ECVIPvDXqdg==",
+    "node_modules/grapheme-splitter": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
+      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
       "dev": true
     },
     "node_modules/growl": {
@@ -2478,9 +2874,9 @@
       }
     },
     "node_modules/has-bigints": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.1.tgz",
-      "integrity": "sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
       "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -2495,10 +2891,22 @@
         "node": ">=4"
       }
     },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/has-symbols": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.2.tgz",
-      "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
       "dev": true,
       "engines": {
         "node": ">= 0.4"
@@ -2531,12 +2939,6 @@
         "he": "bin/he"
       }
     },
-    "node_modules/hosted-git-info": {
-      "version": "2.8.9",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-      "dev": true
-    },
     "node_modules/html-encoding-sniffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz",
@@ -2587,9 +2989,9 @@
       }
     },
     "node_modules/ignore": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
+      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
       "dev": true,
       "engines": {
         "node": ">= 4"
@@ -2659,11 +3061,21 @@
         "node": ">=4"
       }
     },
-    "node_modules/is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
-      "dev": true
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     },
     "node_modules/is-bigint": {
       "version": "1.0.4",
@@ -2729,9 +3141,9 @@
       }
     },
     "node_modules/is-callable": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.4.tgz",
-      "integrity": "sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==",
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
       "dev": true,
       "engines": {
         "node": ">= 0.4"
@@ -2741,9 +3153,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.6.0.tgz",
-      "integrity": "sha512-wShG8vs60jKfPWpF2KZRaAtvt3a20OAn7+IJ6hLPECpSABLcKtFKTTI4ZtH5QcBruBHlq+WsdHWyz0BCZW7svQ==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz",
+      "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==",
       "dev": true,
       "dependencies": {
         "has": "^1.0.3"
@@ -2753,12 +3165,18 @@
       }
     },
     "node_modules/is-date-object": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.1.tgz",
-      "integrity": "sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
       "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-extglob": {
@@ -2779,10 +3197,25 @@
         "node": ">=4"
       }
     },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-glob": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
-      "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
       "dev": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
@@ -2791,6 +3224,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-module": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
@@ -2798,12 +3240,15 @@
       "dev": true
     },
     "node_modules/is-negative-zero": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.1.tgz",
-      "integrity": "sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
       "dev": true,
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-number": {
@@ -2830,10 +3275,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-reference": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.0.tgz",
-      "integrity": "sha512-Eo1W3wUoHWoCoVM4GVl/a+K0IgiqE5aIo4kJABFyMum1ZORlPkC+UC357sSQUL5w5QCE5kCC9upl75b7+7CY/Q==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.1.tgz",
+      "integrity": "sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==",
       "dev": true,
       "dependencies": {
         "@types/estree": "*"
@@ -2855,6 +3309,27 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-string": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
@@ -2885,12 +3360,65 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-typed-array": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.9.tgz",
+      "integrity": "sha512-kfrlnTTn8pZkfpJMUgYD7YZ3qzeJgWUn8XfVYBARc4wnmNOmLbmuuaAs3q5fvB0UJOn6yHAKaGTPM7d6ezoD/A==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "es-abstract": "^1.20.0",
+        "for-each": "^0.3.3",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-typedarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
       "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
       "dev": true
     },
+    "node_modules/is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/isarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
@@ -2909,10 +3437,10 @@
       "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
       "dev": true
     },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+    "node_modules/js-sdsl": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.5.tgz",
+      "integrity": "sha512-08bOAKweV2NUC1wqTtf3qZlnpOX/R2DU9ikpjOHs0H+ibQv3zpncVQg6um4uYtRtrwIX8M4Nh3ytK4HGlYAq7Q==",
       "dev": true
     },
     "node_modules/js-yaml": {
@@ -2983,12 +3511,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/json-parse-better-errors": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
-      "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
-      "dev": true
-    },
     "node_modules/json-schema": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
@@ -3014,9 +3536,9 @@
       "dev": true
     },
     "node_modules/json5": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
       "dev": true,
       "dependencies": {
         "minimist": "^1.2.0"
@@ -3041,9 +3563,9 @@
       }
     },
     "node_modules/kleur": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
-      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
       "dev": true,
       "engines": {
         "node": ">=6"
@@ -3068,30 +3590,6 @@
       "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=",
       "dev": true
     },
-    "node_modules/load-json-file": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
-      "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.1.2",
-        "parse-json": "^4.0.0",
-        "pify": "^3.0.0",
-        "strip-bom": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/load-json-file/node_modules/pify": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
-      "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/locate-character": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-2.0.5.tgz",
@@ -3117,12 +3615,6 @@
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "dev": true
     },
-    "node_modules/lodash.clonedeep": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
-      "dev": true
-    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -3135,12 +3627,6 @@
       "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=",
       "dev": true
     },
-    "node_modules/lodash.truncate": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
-      "dev": true
-    },
     "node_modules/log-symbols": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-3.0.0.tgz",
@@ -3153,19 +3639,34 @@
         "node": ">=8"
       }
     },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/magic-string": {
-      "version": "0.25.3",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.3.tgz",
-      "integrity": "sha512-6QK0OpF/phMz0Q2AxILkX2mFhi7m+WMwTRg0LQKq/WBB0cDP4rYH3Wp4/d3OTXlrPLVJT/RFqj8tFeAR4nk8AA==",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
+      "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
       "dev": true,
       "dependencies": {
-        "sourcemap-codec": "^1.4.4"
+        "@jridgewell/sourcemap-codec": "^1.4.13"
+      },
+      "engines": {
+        "node": ">=12"
       }
     },
     "node_modules/mdn-data": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
-      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
       "dev": true
     },
     "node_modules/merge2": {
@@ -3178,13 +3679,13 @@
       }
     },
     "node_modules/micromatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz",
-      "integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==",
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
       "dev": true,
       "dependencies": {
-        "braces": "^3.0.1",
-        "picomatch": "^2.2.3"
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
       },
       "engines": {
         "node": ">=8.6"
@@ -3411,18 +3912,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/normalize-package-data": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
-      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^2.1.4",
-        "resolve": "^1.10.0",
-        "semver": "2 || 3 || 4 || 5",
-        "validate-npm-package-license": "^3.0.1"
-      }
-    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -3457,10 +3946,26 @@
       }
     },
     "node_modules/object-inspect": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.11.0.tgz",
-      "integrity": "sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg==",
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz",
+      "integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
       "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -3507,14 +4012,14 @@
       }
     },
     "node_modules/object.values": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.4.tgz",
-      "integrity": "sha512-TnGo7j4XSnKQoK3MfvkzqKCi0nVe/D9I9IjwTNYdb/fxYHpjrluHVOgw0AF6jrRFGMPHdfuidR09tIDiIvnaSg==",
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.6.tgz",
+      "integrity": "sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.18.2"
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3594,19 +4099,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/parse-json": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
-      "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
-      "dev": true,
-      "dependencies": {
-        "error-ex": "^1.3.1",
-        "json-parse-better-errors": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/parse5": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz",
@@ -3638,24 +4130,12 @@
       "dev": true
     },
     "node_modules/path-type": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
-      "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
-      "dev": true,
-      "dependencies": {
-        "pify": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/path-type/node_modules/pify": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
-      "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
       "dev": true,
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       }
     },
     "node_modules/pend": {
@@ -3671,19 +4151,20 @@
       "dev": true
     },
     "node_modules/periscopic": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.0.4.tgz",
-      "integrity": "sha512-SFx68DxCv0Iyo6APZuw/AKewkkThGwssmU0QWtTlvov3VAtPX+QJ4CadwSaz8nrT5jPIuxdvJWB4PnD2KNDxQg==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
+      "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
       "dev": true,
       "dependencies": {
+        "@types/estree": "^1.0.0",
         "estree-walker": "^3.0.0",
         "is-reference": "^3.0.0"
       }
     },
     "node_modules/picomatch": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz",
-      "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
       "dev": true,
       "engines": {
         "node": ">=8.6"
@@ -3704,146 +4185,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/pkg-dir": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-2.0.0.tgz",
-      "integrity": "sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/find-up": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
-      "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/locate-path": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
-      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^2.0.0",
-        "path-exists": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/p-limit": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
-      "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/p-locate": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
-      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/p-try": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
-      "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/pkg-up": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz",
-      "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/pkg-up/node_modules/find-up": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
-      "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/pkg-up/node_modules/locate-path": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
-      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^2.0.0",
-        "path-exists": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/pkg-up/node_modules/p-limit": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
-      "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/pkg-up/node_modules/p-locate": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
-      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/pkg-up/node_modules/p-try": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
-      "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/pn": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/pn/-/pn-1.1.0.tgz",
@@ -3927,9 +4268,9 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-      "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
+      "version": "6.5.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
+      "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==",
       "dev": true,
       "engines": {
         "node": ">=0.6"
@@ -3951,23 +4292,9 @@
         },
         {
           "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/read-pkg": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
-      "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
-      "dev": true,
-      "dependencies": {
-        "load-json-file": "^4.0.0",
-        "normalize-package-data": "^2.3.2",
-        "path-type": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
+          "url": "https://feross.org/support"
+        }
+      ]
     },
     "node_modules/readable-stream": {
       "version": "2.3.7",
@@ -3996,13 +4323,33 @@
         "node": ">= 8"
       }
     },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz",
+      "integrity": "sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "functions-have-names": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/regexpp": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz",
-      "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
+      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
       "dev": true,
       "engines": {
         "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
       }
     },
     "node_modules/request": {
@@ -4103,15 +4450,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/require-from-string": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/require-main-filename": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
@@ -4119,13 +4457,17 @@
       "dev": true
     },
     "node_modules/resolve": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
-      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
+      "version": "1.22.1",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
+      "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
       "dev": true,
       "dependencies": {
-        "is-core-module": "^2.2.0",
-        "path-parse": "^1.0.6"
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -4176,27 +4518,6 @@
         "rollup": "dist/bin/rollup"
       }
     },
-    "node_modules/rollup-plugin-virtual": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-virtual/-/rollup-plugin-virtual-1.0.1.tgz",
-      "integrity": "sha512-HCTBpV8MwP5lNzZrHD2moVxHIToHU1EkzkKGVj6Z0DcgUfxrxrZmeQirQeLz2yhnkJqRjwiVywK9CS8jDYakrw==",
-      "dev": true
-    },
-    "node_modules/rollup-pluginutils": {
-      "version": "2.8.2",
-      "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz",
-      "integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==",
-      "dev": true,
-      "dependencies": {
-        "estree-walker": "^0.6.1"
-      }
-    },
-    "node_modules/rollup-pluginutils/node_modules/estree-walker": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz",
-      "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==",
-      "dev": true
-    },
     "node_modules/rollup/node_modules/acorn": {
       "version": "7.4.1",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
@@ -4238,6 +4559,20 @@
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
       "dev": true
     },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -4294,78 +4629,28 @@
         "node": ">=8"
       }
     },
-    "node_modules/slice-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-      }
-    },
-    "node_modules/slice-ansi/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/slice-ansi/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/slice-ansi/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
-    "node_modules/slice-ansi/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+    "node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
       "dev": true,
       "engines": {
-        "node": ">=8"
+        "node": ">= 8"
       }
     },
-    "node_modules/source-map": {
-      "version": "0.7.3",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
-      "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
       "dev": true,
       "engines": {
-        "node": ">= 8"
+        "node": ">=0.10.0"
       }
     },
     "node_modules/source-map-support": {
-      "version": "0.5.13",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz",
-      "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==",
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
       "dev": true,
       "dependencies": {
         "buffer-from": "^1.0.0",
@@ -4387,38 +4672,6 @@
       "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
       "dev": true
     },
-    "node_modules/spdx-correct": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz",
-      "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==",
-      "dev": true,
-      "dependencies": {
-        "spdx-expression-parse": "^3.0.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-exceptions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz",
-      "integrity": "sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==",
-      "dev": true
-    },
-    "node_modules/spdx-expression-parse": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz",
-      "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==",
-      "dev": true,
-      "dependencies": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-license-ids": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.4.tgz",
-      "integrity": "sha512-7j8LYJLeY/Yb6ACbQ7F76qy5jHkp0U6jgBfJsk97bwWlVUnUWsAgpyaCvo17h0/RQGnQ036tVDomiwoI4pDkQA==",
-      "dev": true
-    },
     "node_modules/sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
@@ -4478,26 +4731,28 @@
       }
     },
     "node_modules/string.prototype.trimend": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz",
-      "integrity": "sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz",
+      "integrity": "sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.19.5"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/string.prototype.trimstart": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz",
-      "integrity": "sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz",
+      "integrity": "sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.19.5"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -4574,10 +4829,22 @@
         "node": "*"
       }
     },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/svelte": {
-      "version": "3.43.0",
-      "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.43.0.tgz",
-      "integrity": "sha512-T2pMPHrxXp+SM8pLLUXLQgkdo+JhTls7aqj9cD7z8wT2ccP+OrCAmtQS7h6pvMjitaZhXFNnCK582NxDpy8HSw==",
+      "version": "3.49.0",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.49.0.tgz",
+      "integrity": "sha512-+lmjic1pApJWDfPCpUUTc1m8azDqYCG1JN9YEngrx/hUyIcFJo6VZhj0A1Ai0wqoHcEIuQy+e9tk+4uDgdtsFA==",
       "dev": true,
       "peer": true,
       "engines": {
@@ -4590,95 +4857,6 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
-    "node_modules/table": {
-      "version": "6.7.1",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.7.1.tgz",
-      "integrity": "sha512-ZGum47Yi6KOOFDE8m223td53ath2enHcYLgOCjGr5ngu8bdIARQk6mN/wRMv4yMRcHnCSnHbCEha4sobQx5yWg==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^8.0.1",
-        "lodash.clonedeep": "^4.5.0",
-        "lodash.truncate": "^4.4.2",
-        "slice-ansi": "^4.0.0",
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/table/node_modules/ajv": {
-      "version": "8.10.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.10.0.tgz",
-      "integrity": "sha512-bzqAEZOjkrUMl2afH8dknrq5KEk2SrwdBROR+vH1EKVQTqaUbJVPdc/gEdggTMM0Se+s+Ja4ju4TlNcStKl2Hw==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/table/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/table/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
-    },
-    "node_modules/table/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/table/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/table/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/table/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -4707,13 +4885,13 @@
       }
     },
     "node_modules/tiny-glob": {
-      "version": "0.2.6",
-      "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.6.tgz",
-      "integrity": "sha512-A7ewMqPu1B5PWwC3m7KVgAu96Ch5LA0w4SnEN/LbDREj/gAD0nPWboRbn8YoP9ISZXqeNAlMvKSKoEuhcfK3Pw==",
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
+      "integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
       "dev": true,
       "dependencies": {
-        "globalyzer": "^0.1.0",
-        "globrex": "^0.1.1"
+        "globalyzer": "0.1.0",
+        "globrex": "^0.1.2"
       }
     },
     "node_modules/to-regex-range": {
@@ -4758,21 +4936,21 @@
       "dev": true
     },
     "node_modules/tsconfig-paths": {
-      "version": "3.11.0",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.11.0.tgz",
-      "integrity": "sha512-7ecdYDnIdmv639mmDwslG6KQg1Z9STTz1j7Gcz0xa+nshh/gKDAHcPxRbWOsA3SPp0tXP2leTcY9Kw+NAkfZzA==",
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz",
+      "integrity": "sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==",
       "dev": true,
       "dependencies": {
         "@types/json5": "^0.0.29",
         "json5": "^1.0.1",
-        "minimist": "^1.2.0",
+        "minimist": "^1.2.6",
         "strip-bom": "^3.0.0"
       }
     },
     "node_modules/tslib": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.3.tgz",
-      "integrity": "sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ==",
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
       "dev": true
     },
     "node_modules/tsutils": {
@@ -4845,9 +5023,9 @@
       "dev": true
     },
     "node_modules/typescript": {
-      "version": "3.7.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.7.5.tgz",
-      "integrity": "sha512-/P5lkRXkWHNAbcJIiHPfRoKqyd7bsyCma1hZNUGfn20qm64T6ZBlrzprymeu918H+mB/0rIg2gGK/BXkhhYgBw==",
+      "version": "3.9.10",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.10.tgz",
+      "integrity": "sha512-w6fIxVE/H1PkLKcCPsFqKE7Kv7QUwhU8qQY2MueZXWx5cPZdwFupLgKK3vntcK98BtNHZtAF4LA/yl2a7k8R6Q==",
       "dev": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -4858,14 +5036,14 @@
       }
     },
     "node_modules/unbox-primitive": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
-      "integrity": "sha512-tZU/3NqK3dA5gpE1KtyiJUrEB0lxnGkMFHptJ7q6ewdZ8s12QrODwNbhIJStmJkd1QDXa1NRA8aF2A1zk/Ypyw==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
       "dev": true,
       "dependencies": {
-        "function-bind": "^1.1.1",
-        "has-bigints": "^1.0.1",
-        "has-symbols": "^1.0.2",
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
         "which-boxed-primitive": "^1.0.2"
       },
       "funding": {
@@ -4881,6 +5059,19 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/util": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
+      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "is-typed-array": "^1.1.3",
+        "which-typed-array": "^1.1.2"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -4896,22 +5087,6 @@
         "uuid": "bin/uuid"
       }
     },
-    "node_modules/v8-compile-cache": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz",
-      "integrity": "sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==",
-      "dev": true
-    },
-    "node_modules/validate-npm-package-license": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
-      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
-      "dev": true,
-      "dependencies": {
-        "spdx-correct": "^3.0.0",
-        "spdx-expression-parse": "^3.0.0"
-      }
-    },
     "node_modules/verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
@@ -5006,12 +5181,47 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "dependencies": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/which-module": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
       "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
       "dev": true
     },
+    "node_modules/which-typed-array": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.8.tgz",
+      "integrity": "sha512-Jn4e5PItbcAHyLoRDwvPj1ypu27DJbtdYXUa5zsinrUx77Uvfb0cXwwnGMTn7cjUfhhqgVQnVJCwF+7cgU7tpw==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "es-abstract": "^1.20.0",
+        "for-each": "^0.3.3",
+        "has-tostringtag": "^1.0.0",
+        "is-typed-array": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/wide-align": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
@@ -5117,6 +5327,12 @@
       "integrity": "sha512-wNcy4NvjMYL8gogWWYAO7ZFWFfHcbdbE57tZO8e4cbpj8tfUcwrwqSl3ad8HxpYWCdXcJUCeKKZS62Av1affwQ==",
       "dev": true
     },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
     "node_modules/yargs": {
       "version": "13.3.2",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz",
@@ -5168,6 +5384,18 @@
         "buffer-crc32": "~0.2.3",
         "fd-slicer": "~1.1.0"
       }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
     }
   },
   "dependencies": {
@@ -5181,64 +5409,87 @@
         "sourcemap-codec": "1.4.8"
       }
     },
-    "@babel/code-frame": {
-      "version": "7.12.11",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
-      "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
-      "dev": true,
-      "requires": {
-        "@babel/highlight": "^7.10.4"
-      }
-    },
-    "@babel/helper-validator-identifier": {
-      "version": "7.15.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz",
-      "integrity": "sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==",
-      "dev": true
-    },
-    "@babel/highlight": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.14.5.tgz",
-      "integrity": "sha512-qf9u2WFWVV0MppaL877j2dBtQIDgmidgjGk5VIMw3OadXvYaXn66U1BFlH2t4+t3i+8PhedppRv+i40ABzd+gg==",
-      "dev": true,
-      "requires": {
-        "@babel/helper-validator-identifier": "^7.14.5",
-        "chalk": "^2.0.0",
-        "js-tokens": "^4.0.0"
-      }
-    },
     "@eslint/eslintrc": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz",
-      "integrity": "sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.0.tgz",
+      "integrity": "sha512-fluIaaV+GyV24CCu/ggiHdV+j4RNh85yQnAYS/G2mZODZgGmmlrgCydjUcV3YvxCm9x8nMAfThsqTni4KiXT4A==",
       "dev": true,
       "requires": {
         "ajv": "^6.12.4",
-        "debug": "^4.1.1",
-        "espree": "^7.3.0",
-        "globals": "^13.9.0",
-        "ignore": "^4.0.6",
+        "debug": "^4.3.2",
+        "espree": "^9.4.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
-        "js-yaml": "^3.13.1",
-        "minimatch": "^3.0.4",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
         "strip-json-comments": "^3.1.1"
+      },
+      "dependencies": {
+        "argparse": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+          "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+          "dev": true
+        },
+        "js-yaml": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+          "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+          "dev": true,
+          "requires": {
+            "argparse": "^2.0.1"
+          }
+        },
+        "minimatch": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+          "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^1.1.7"
+          }
+        }
       }
     },
+    "@eslint/js": {
+      "version": "8.35.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.35.0.tgz",
+      "integrity": "sha512-JXdzbRiWclLVoD8sNUjR443VVlYqiYmDVT6rGUEIEHU5YJW0gaVZwV2xgM7D4arkvASqD0IlLUVjHiFuxaftRw==",
+      "dev": true
+    },
     "@humanwhocodes/config-array": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.5.0.tgz",
-      "integrity": "sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==",
+      "version": "0.11.8",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
+      "integrity": "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==",
       "dev": true,
       "requires": {
-        "@humanwhocodes/object-schema": "^1.2.0",
+        "@humanwhocodes/object-schema": "^1.2.1",
         "debug": "^4.1.1",
-        "minimatch": "^3.0.4"
+        "minimatch": "^3.0.5"
+      },
+      "dependencies": {
+        "minimatch": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+          "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^1.1.7"
+          }
+        }
       }
     },
+    "@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true
+    },
     "@humanwhocodes/object-schema": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.0.tgz",
-      "integrity": "sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
     "@jridgewell/resolve-uri": {
@@ -5247,6 +5498,12 @@
       "integrity": "sha512-9oLAnygRMi8Q5QkYEU4XWK04B+nuoXoxjRvRxgjuChkLZFBja0YPSgdZ7dZtwhncLBcQe/I/E+fLuk5qxcYVJA==",
       "dev": true
     },
+    "@jridgewell/sourcemap-codec": {
+      "version": "1.4.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
+      "dev": true
+    },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -5300,39 +5557,133 @@
           "requires": {
             "@types/estree": "*"
           }
+        },
+        "magic-string": {
+          "version": "0.25.9",
+          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+          "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+          "dev": true,
+          "requires": {
+            "sourcemap-codec": "^1.4.8"
+          }
         }
       }
     },
     "@rollup/plugin-json": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-4.0.1.tgz",
-      "integrity": "sha512-soxllkhOGgchswBAAaTe7X9G80U2tjjHvXv0sBrriLJcC/89PkP59iTrKPOfbz3SjX088mKDmMhAscuyLz8ZSg==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.0.0.tgz",
+      "integrity": "sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==",
       "dev": true,
       "requires": {
-        "rollup-pluginutils": "^2.5.0"
+        "@rollup/pluginutils": "^5.0.1"
+      },
+      "dependencies": {
+        "@rollup/pluginutils": {
+          "version": "5.0.2",
+          "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
+          "integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
+          "dev": true,
+          "requires": {
+            "@types/estree": "^1.0.0",
+            "estree-walker": "^2.0.2",
+            "picomatch": "^2.3.1"
+          }
+        },
+        "@types/estree": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+          "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
+          "dev": true
+        },
+        "estree-walker": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+          "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+          "dev": true
+        }
       }
     },
     "@rollup/plugin-node-resolve": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-6.0.0.tgz",
-      "integrity": "sha512-GqWz1CfXOsqpeVMcoM315+O7zMxpRsmhWyhJoxLFHVSp9S64/u02i7len/FnbTNbmgYs+sZyilasijH8UiuboQ==",
+      "version": "11.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.2.1.tgz",
+      "integrity": "sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==",
       "dev": true,
       "requires": {
-        "@rollup/pluginutils": "^3.0.0",
-        "@types/resolve": "0.0.8",
+        "@rollup/pluginutils": "^3.1.0",
+        "@types/resolve": "1.17.1",
         "builtin-modules": "^3.1.0",
+        "deepmerge": "^4.2.2",
         "is-module": "^1.0.0",
-        "resolve": "^1.11.1"
+        "resolve": "^1.19.0"
+      },
+      "dependencies": {
+        "@rollup/pluginutils": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+          "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+          "dev": true,
+          "requires": {
+            "@types/estree": "0.0.39",
+            "estree-walker": "^1.0.1",
+            "picomatch": "^2.2.2"
+          }
+        },
+        "@types/estree": {
+          "version": "0.0.39",
+          "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
+          "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
+          "dev": true
+        },
+        "estree-walker": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
+          "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
+          "dev": true
+        }
       }
     },
     "@rollup/plugin-replace": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-2.3.0.tgz",
-      "integrity": "sha512-rzWAMqXAHC1w3eKpK6LxRqiF4f3qVFaa1sGii6Bp3rluKcwHNOpPt+hWRCmAH6SDEPtbPiLFf0pfNQyHs6Btlg==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz",
+      "integrity": "sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==",
       "dev": true,
       "requires": {
-        "magic-string": "^0.25.2",
-        "rollup-pluginutils": "^2.6.0"
+        "@rollup/pluginutils": "^5.0.1",
+        "magic-string": "^0.27.0"
+      },
+      "dependencies": {
+        "@rollup/pluginutils": {
+          "version": "5.0.2",
+          "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
+          "integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
+          "dev": true,
+          "requires": {
+            "@types/estree": "^1.0.0",
+            "estree-walker": "^2.0.2",
+            "picomatch": "^2.3.1"
+          }
+        },
+        "@types/estree": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+          "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
+          "dev": true
+        },
+        "estree-walker": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+          "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+          "dev": true
+        },
+        "magic-string": {
+          "version": "0.27.0",
+          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+          "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+          "dev": true,
+          "requires": {
+            "@jridgewell/sourcemap-codec": "^1.4.13"
+          }
+        }
       }
     },
     "@rollup/plugin-sucrase": {
@@ -5346,20 +5697,21 @@
       }
     },
     "@rollup/plugin-typescript": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-2.0.1.tgz",
-      "integrity": "sha512-UA/bN/DlHN19xdOllXmp7G7pM2ac9dQMg0q2T1rg4Bogzb7oHXj2WGafpiNpEm54PivcJdzGRJvRnI6zCISW3w==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-2.1.0.tgz",
+      "integrity": "sha512-7lXKGY06aofrceVez/YnN2axttFdHSqlUBpCJ6ebzDfxwLDKMgSV5lD4ykBcdgE7aK3egxuLkD/HKyRB5L8Log==",
       "dev": true,
       "requires": {
         "@rollup/pluginutils": "^3.0.0",
-        "resolve": "^1.12.2"
+        "resolve": "^1.13.1"
       }
     },
     "@rollup/plugin-virtual": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-2.0.0.tgz",
-      "integrity": "sha512-yUyQjcflsN1DGcUHj3I0NYL6Y6xrna6qjdaGjM93LjFLq8NFowhR0655ICeV9bNDbk+LI4pz7Q6xqeDdj1RdlA==",
-      "dev": true
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-3.0.1.tgz",
+      "integrity": "sha512-fK8O0IL5+q+GrsMLuACVNk2x21g3yaw+sG2qn16SnUd3IlBsQyvWxLMGHmCmXRMecPjGRSZ/1LmZB4rjQm68og==",
+      "dev": true,
+      "requires": {}
     },
     "@rollup/pluginutils": {
       "version": "3.0.1",
@@ -5383,16 +5735,22 @@
       "dev": true,
       "from": "@sveltejs/eslint-config@github:sveltejs/eslint-config#v5.8.0"
     },
+    "@types/aria-query": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.1.tgz",
+      "integrity": "sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==",
+      "dev": true
+    },
     "@types/estree": {
-      "version": "0.0.50",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.50.tgz",
-      "integrity": "sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+      "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
       "dev": true
     },
     "@types/json-schema": {
-      "version": "7.0.9",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz",
-      "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==",
+      "version": "7.0.11",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
+      "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
       "dev": true
     },
     "@types/json5": {
@@ -5420,146 +5778,137 @@
       "dev": true
     },
     "@types/resolve": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
-      "integrity": "sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==",
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
+      "integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
       "dev": true,
       "requires": {
         "@types/node": "*"
       }
     },
     "@typescript-eslint/eslint-plugin": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.31.2.tgz",
-      "integrity": "sha512-w63SCQ4bIwWN/+3FxzpnWrDjQRXVEGiTt9tJTRptRXeFvdZc/wLiz3FQUwNQ2CVoRGI6KUWMNUj/pk63noUfcA==",
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.29.0.tgz",
+      "integrity": "sha512-kgTsISt9pM53yRFQmLZ4npj99yGl3x3Pl7z4eA66OuTzAGC4bQB5H5fuLwPnqTKU3yyrrg4MIhjF17UYnL4c0w==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/experimental-utils": "4.31.2",
-        "@typescript-eslint/scope-manager": "4.31.2",
-        "debug": "^4.3.1",
+        "@typescript-eslint/scope-manager": "5.29.0",
+        "@typescript-eslint/type-utils": "5.29.0",
+        "@typescript-eslint/utils": "5.29.0",
+        "debug": "^4.3.4",
         "functional-red-black-tree": "^1.0.1",
-        "regexpp": "^3.1.0",
-        "semver": "^7.3.5",
+        "ignore": "^5.2.0",
+        "regexpp": "^3.2.0",
+        "semver": "^7.3.7",
         "tsutils": "^3.21.0"
       },
       "dependencies": {
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
         "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "version": "7.3.8",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
+          "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
           "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
           }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
         }
       }
     },
-    "@typescript-eslint/experimental-utils": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-4.31.2.tgz",
-      "integrity": "sha512-3tm2T4nyA970yQ6R3JZV9l0yilE2FedYg8dcXrTar34zC9r6JB7WyBQbpIVongKPlhEMjhQ01qkwrzWy38Bk1Q==",
+    "@typescript-eslint/parser": {
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.29.0.tgz",
+      "integrity": "sha512-ruKWTv+x0OOxbzIw9nW5oWlUopvP/IQDjB5ZqmTglLIoDTctLlAJpAQFpNPJP/ZI7hTT9sARBosEfaKbcFuECw==",
       "dev": true,
       "requires": {
-        "@types/json-schema": "^7.0.7",
-        "@typescript-eslint/scope-manager": "4.31.2",
-        "@typescript-eslint/types": "4.31.2",
-        "@typescript-eslint/typescript-estree": "4.31.2",
-        "eslint-scope": "^5.1.1",
-        "eslint-utils": "^3.0.0"
+        "@typescript-eslint/scope-manager": "5.29.0",
+        "@typescript-eslint/types": "5.29.0",
+        "@typescript-eslint/typescript-estree": "5.29.0",
+        "debug": "^4.3.4"
       }
     },
-    "@typescript-eslint/parser": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-4.31.2.tgz",
-      "integrity": "sha512-EcdO0E7M/sv23S/rLvenHkb58l3XhuSZzKf6DBvLgHqOYdL6YFMYVtreGFWirxaU2mS1GYDby3Lyxco7X5+Vjw==",
+    "@typescript-eslint/scope-manager": {
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.29.0.tgz",
+      "integrity": "sha512-etbXUT0FygFi2ihcxDZjz21LtC+Eps9V2xVx09zFoN44RRHPrkMflidGMI+2dUs821zR1tDS6Oc9IXxIjOUZwA==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/scope-manager": "4.31.2",
-        "@typescript-eslint/types": "4.31.2",
-        "@typescript-eslint/typescript-estree": "4.31.2",
-        "debug": "^4.3.1"
+        "@typescript-eslint/types": "5.29.0",
+        "@typescript-eslint/visitor-keys": "5.29.0"
       }
     },
-    "@typescript-eslint/scope-manager": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-4.31.2.tgz",
-      "integrity": "sha512-2JGwudpFoR/3Czq6mPpE8zBPYdHWFGL6lUNIGolbKQeSNv4EAiHaR5GVDQaLA0FwgcdcMtRk+SBJbFGL7+La5w==",
+    "@typescript-eslint/type-utils": {
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.29.0.tgz",
+      "integrity": "sha512-JK6bAaaiJozbox3K220VRfCzLa9n0ib/J+FHIwnaV3Enw/TO267qe0pM1b1QrrEuy6xun374XEAsRlA86JJnyg==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "4.31.2",
-        "@typescript-eslint/visitor-keys": "4.31.2"
+        "@typescript-eslint/utils": "5.29.0",
+        "debug": "^4.3.4",
+        "tsutils": "^3.21.0"
       }
     },
     "@typescript-eslint/types": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-4.31.2.tgz",
-      "integrity": "sha512-kWiTTBCTKEdBGrZKwFvOlGNcAsKGJSBc8xLvSjSppFO88AqGxGNYtF36EuEYG6XZ9vT0xX8RNiHbQUKglbSi1w==",
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.29.0.tgz",
+      "integrity": "sha512-X99VbqvAXOMdVyfFmksMy3u8p8yoRGITgU1joBJPzeYa0rhdf5ok9S56/itRoUSh99fiDoMtarSIJXo7H/SnOg==",
       "dev": true
     },
     "@typescript-eslint/typescript-estree": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-4.31.2.tgz",
-      "integrity": "sha512-ieBq8U9at6PvaC7/Z6oe8D3czeW5d//Fo1xkF/s9394VR0bg/UaMYPdARiWyKX+lLEjY3w/FNZJxitMsiWv+wA==",
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.29.0.tgz",
+      "integrity": "sha512-mQvSUJ/JjGBdvo+1LwC+GY2XmSYjK1nAaVw2emp/E61wEVYEyibRHCqm1I1vEKbXCpUKuW4G7u9ZCaZhJbLoNQ==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "4.31.2",
-        "@typescript-eslint/visitor-keys": "4.31.2",
-        "debug": "^4.3.1",
-        "globby": "^11.0.3",
-        "is-glob": "^4.0.1",
-        "semver": "^7.3.5",
+        "@typescript-eslint/types": "5.29.0",
+        "@typescript-eslint/visitor-keys": "5.29.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.3.7",
         "tsutils": "^3.21.0"
       },
       "dependencies": {
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
         "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "version": "7.3.8",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
+          "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
           "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
           }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
         }
       }
     },
+    "@typescript-eslint/utils": {
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.29.0.tgz",
+      "integrity": "sha512-3Eos6uP1nyLOBayc/VUdKZikV90HahXE5Dx9L5YlSd/7ylQPXhLk1BYb29SDgnBnTp+jmSZUU0QxUiyHgW4p7A==",
+      "dev": true,
+      "requires": {
+        "@types/json-schema": "^7.0.9",
+        "@typescript-eslint/scope-manager": "5.29.0",
+        "@typescript-eslint/types": "5.29.0",
+        "@typescript-eslint/typescript-estree": "5.29.0",
+        "eslint-scope": "^5.1.1",
+        "eslint-utils": "^3.0.0"
+      }
+    },
     "@typescript-eslint/visitor-keys": {
-      "version": "4.31.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-4.31.2.tgz",
-      "integrity": "sha512-PrBId7EQq2Nibns7dd/ch6S6/M4/iwLM9McbgeEbCXfxdwRUNxJ4UNreJ6Gh3fI2GNKNrWnQxKL7oCPmngKBug==",
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.29.0.tgz",
+      "integrity": "sha512-Hpb/mCWsjILvikMQoZIE3voc9wtQcS0A9FUw3h8bhr9UxBdtI/tw1ZDZUOXHXLOVMedKCH5NxyzATwnU78bWCQ==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "4.31.2",
-        "eslint-visitor-keys": "^2.0.0"
+        "@typescript-eslint/types": "5.29.0",
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "dependencies": {
+        "eslint-visitor-keys": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
+          "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
+          "dev": true
+        }
       }
     },
     "abab": {
@@ -5569,9 +5918,9 @@
       "dev": true
     },
     "acorn": {
-      "version": "8.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.4.1.tgz",
-      "integrity": "sha512-asabaBSkEKosYKMITunzX177CXxQ4Q8BSSzMTKD+FefUhipQC70gfW5SiUDhYQ3vk8G+81HqQk7Fv9OXwwn9KA==",
+      "version": "8.8.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
       "dev": true
     },
     "acorn-globals": {
@@ -5606,13 +5955,32 @@
       "dev": true
     },
     "agadoo": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/agadoo/-/agadoo-1.1.0.tgz",
-      "integrity": "sha512-MiTXQ3As5jARRXa0eZF+ObtzsseQurCXOc1RB19NOGDsimEvoT8DB8iQiC0zAGTfsF/nBhzEle+eV9UpXyWnbw==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/agadoo/-/agadoo-3.0.0.tgz",
+      "integrity": "sha512-gq+fjT3Ilrhb88Jf+vYMjdO/+3znYfa7vJ4IMLPFsBPUxglnr40Ed3yCLrW6IABdJAedB94b2BkqR6I04lh3dg==",
       "dev": true,
       "requires": {
-        "rollup": "^1",
-        "rollup-plugin-virtual": "^1.0.1"
+        "@rollup/plugin-virtual": "^3.0.1",
+        "acorn": "^8.8.1",
+        "rollup": "^3.5.0"
+      },
+      "dependencies": {
+        "fsevents": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+          "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+          "dev": true,
+          "optional": true
+        },
+        "rollup": {
+          "version": "3.18.0",
+          "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.18.0.tgz",
+          "integrity": "sha512-J8C6VfEBjkvYPESMQYxKHxNOh4A5a3FlP+0BETGo34HEcE4eTlgCrO2+eWzlu2a/sHs2QUkZco+wscH7jhhgWg==",
+          "dev": true,
+          "requires": {
+            "fsevents": "~2.3.2"
+          }
+        }
       }
     },
     "agent-base": {
@@ -5633,12 +6001,6 @@
         "uri-js": "^4.2.2"
       }
     },
-    "ansi-colors": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
-      "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
-      "dev": true
-    },
     "ansi-regex": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
@@ -5679,6 +6041,15 @@
         "sprintf-js": "~1.0.2"
       }
     },
+    "aria-query": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
+      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
+      "dev": true,
+      "requires": {
+        "deep-equal": "^2.0.5"
+      }
+    },
     "array-equal": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/array-equal/-/array-equal-1.0.0.tgz",
@@ -5686,16 +6057,16 @@
       "dev": true
     },
     "array-includes": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.3.tgz",
-      "integrity": "sha512-gcem1KlBU7c9rB+Rq8/3PPKsK2kjqeEBa3bD5kkQo4nYlOHQCJqIJFqBXDEfwaRuYTT4E+FxA9xez7Gf/e3Q7A==",
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz",
+      "integrity": "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==",
       "dev": true,
       "requires": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.18.0-next.2",
-        "get-intrinsic": "^1.1.1",
-        "is-string": "^1.0.5"
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
+        "is-string": "^1.0.7"
       }
     },
     "array-union": {
@@ -5705,14 +6076,27 @@
       "dev": true
     },
     "array.prototype.flat": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.4.tgz",
-      "integrity": "sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz",
+      "integrity": "sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==",
       "dev": true,
       "requires": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.18.0-next.1"
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0"
+      }
+    },
+    "array.prototype.flatmap": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz",
+      "integrity": "sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0"
       }
     },
     "asn1": {
@@ -5730,12 +6114,6 @@
       "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
       "dev": true
     },
-    "astral-regex": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
-      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
-      "dev": true
-    },
     "async-limiter": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
@@ -5748,6 +6126,12 @@
       "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
       "dev": true
     },
+    "available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true
+    },
     "aws-sign2": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
@@ -5760,6 +6144,15 @@
       "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
       "dev": true
     },
+    "axobject-query": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
+      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
+      "dev": true,
+      "requires": {
+        "deep-equal": "^2.0.5"
+      }
+    },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -5908,17 +6301,16 @@
       }
     },
     "code-red": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/code-red/-/code-red-0.2.5.tgz",
-      "integrity": "sha512-x+uQyJLNS1v0+74eXqM7FMPoM1fU/fN3tdexGWtCuVjCfxADt1TuuEGIGlFyCC2vhgINDctDb/rgSn8/ZDfJsQ==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.0.tgz",
+      "integrity": "sha512-x5fNWOBu7Ii38br3iVPuwQcDQM0f2h8ipvqw4qTLlOzYlrFQRz954qR0hPZ8asV5KG/igXNY8CRG6xtDUoKOJQ==",
       "dev": true,
       "requires": {
-        "@types/estree": "^0.0.50",
-        "acorn": "^8.0.5",
-        "estree-walker": "^3.0.0",
-        "is-reference": "^3.0.0",
-        "periscopic": "^3.0.4",
-        "sourcemap-codec": "^1.4.8"
+        "@jridgewell/sourcemap-codec": "^1.4.14",
+        "@types/estree": "^1.0.0",
+        "acorn": "^8.8.2",
+        "estree-walker": "^3.0.3",
+        "periscopic": "^3.1.0"
       }
     },
     "color-convert": {
@@ -5976,21 +6368,13 @@
       "dev": true
     },
     "css-tree": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.2.tgz",
-      "integrity": "sha512-wCoWush5Aeo48GLhfHPbmvZs59Z+M7k5+B1xDnXbdWNcEF423DoFdqSWE0PM5aNk5nI5cp1q7ms36zGApY/sKQ==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
       "dev": true,
       "requires": {
-        "mdn-data": "2.0.14",
-        "source-map": "^0.6.1"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
       }
     },
     "cssom": {
@@ -6037,9 +6421,9 @@
       }
     },
     "debug": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz",
-      "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==",
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
       "dev": true,
       "requires": {
         "ms": "2.1.2"
@@ -6051,19 +6435,69 @@
       "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
       "dev": true
     },
+    "deep-equal": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.0.5.tgz",
+      "integrity": "sha512-nPiRgmbAtm1a3JsnLCf6/SLfXcjyN5v8L1TXzdCmHrXJ4hx+gW/w1YCcn7z8gJtSiDArZCgYtbao3QqLm/N1Sw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0",
+        "es-get-iterator": "^1.1.1",
+        "get-intrinsic": "^1.0.1",
+        "is-arguments": "^1.0.4",
+        "is-date-object": "^1.0.2",
+        "is-regex": "^1.1.1",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.2",
+        "regexp.prototype.flags": "^1.3.0",
+        "side-channel": "^1.0.3",
+        "which-boxed-primitive": "^1.0.1",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.2"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+          "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+          "dev": true
+        },
+        "object.assign": {
+          "version": "4.1.4",
+          "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+          "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+          "dev": true,
+          "requires": {
+            "call-bind": "^1.0.2",
+            "define-properties": "^1.1.4",
+            "has-symbols": "^1.0.3",
+            "object-keys": "^1.1.1"
+          }
+        }
+      }
+    },
     "deep-is": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
       "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
       "dev": true
     },
+    "deepmerge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
+      "dev": true
+    },
     "define-properties": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
-      "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
+      "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==",
       "dev": true,
       "requires": {
-        "object-keys": "^1.0.12"
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
       }
     },
     "delayed-stream": {
@@ -6085,14 +6519,6 @@
       "dev": true,
       "requires": {
         "path-type": "^4.0.0"
-      },
-      "dependencies": {
-        "path-type": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-          "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-          "dev": true
-        }
       }
     },
     "doctrine": {
@@ -6129,64 +6555,85 @@
       "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
       "dev": true
     },
-    "enquirer": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
-      "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
-      "dev": true,
-      "requires": {
-        "ansi-colors": "^4.1.1"
-      }
-    },
-    "error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dev": true,
-      "requires": {
-        "is-arrayish": "^0.2.1"
-      }
-    },
     "es-abstract": {
-      "version": "1.18.6",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.6.tgz",
-      "integrity": "sha512-kAeIT4cku5eNLNuUKhlmtuk1/TRZvQoYccn6TO0cSVdf1kzB0T7+dYuVK9MWM7l+/53W2Q8M7N2c6MQvhXFcUQ==",
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.20.4.tgz",
+      "integrity": "sha512-0UtvRN79eMe2L+UNEF1BwRe364sj/DXhQ/k5FmivgoSdpM90b8Jc0mDzKMGo7QS0BVbOP/bTwBKNnDc9rNzaPA==",
       "dev": true,
       "requires": {
         "call-bind": "^1.0.2",
         "es-to-primitive": "^1.2.1",
         "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.1.1",
+        "function.prototype.name": "^1.1.5",
+        "get-intrinsic": "^1.1.3",
         "get-symbol-description": "^1.0.0",
         "has": "^1.0.3",
-        "has-symbols": "^1.0.2",
+        "has-property-descriptors": "^1.0.0",
+        "has-symbols": "^1.0.3",
         "internal-slot": "^1.0.3",
-        "is-callable": "^1.2.4",
-        "is-negative-zero": "^2.0.1",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
         "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
         "is-string": "^1.0.7",
-        "object-inspect": "^1.11.0",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.12.2",
         "object-keys": "^1.1.1",
-        "object.assign": "^4.1.2",
-        "string.prototype.trimend": "^1.0.4",
-        "string.prototype.trimstart": "^1.0.4",
-        "unbox-primitive": "^1.0.1"
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.4.3",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trimend": "^1.0.5",
+        "string.prototype.trimstart": "^1.0.5",
+        "unbox-primitive": "^1.0.2"
       },
       "dependencies": {
         "object.assign": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz",
-          "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==",
+          "version": "4.1.4",
+          "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+          "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
           "dev": true,
           "requires": {
-            "call-bind": "^1.0.0",
-            "define-properties": "^1.1.3",
-            "has-symbols": "^1.0.1",
+            "call-bind": "^1.0.2",
+            "define-properties": "^1.1.4",
+            "has-symbols": "^1.0.3",
             "object-keys": "^1.1.1"
           }
         }
       }
     },
+    "es-get-iterator": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.2.tgz",
+      "integrity": "sha512-+DTO8GYwbMCwbywjimwZMHp8AuYXOS2JZFWoi2AlPOS3ebnII9w/NLpNZtA7A0YLaVDw+O7KFCeoIV7OPvM7hQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.0",
+        "has-symbols": "^1.0.1",
+        "is-arguments": "^1.1.0",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.5",
+        "isarray": "^2.0.5"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+          "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+          "dev": true
+        }
+      }
+    },
+    "es-shim-unscopables": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+      "dev": true,
+      "requires": {
+        "has": "^1.0.3"
+      }
+    },
     "es-to-primitive": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
@@ -6233,51 +6680,51 @@
       }
     },
     "eslint": {
-      "version": "7.32.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.32.0.tgz",
-      "integrity": "sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==",
+      "version": "8.35.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.35.0.tgz",
+      "integrity": "sha512-BxAf1fVL7w+JLRQhWl2pzGeSiGqbWumV4WNvc9Rhp6tiCtm4oHnyPBSEtMGZwrQgudFQ+otqzWoPB7x+hxoWsw==",
       "dev": true,
       "requires": {
-        "@babel/code-frame": "7.12.11",
-        "@eslint/eslintrc": "^0.4.3",
-        "@humanwhocodes/config-array": "^0.5.0",
+        "@eslint/eslintrc": "^2.0.0",
+        "@eslint/js": "8.35.0",
+        "@humanwhocodes/config-array": "^0.11.8",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
         "ajv": "^6.10.0",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.2",
-        "debug": "^4.0.1",
+        "debug": "^4.3.2",
         "doctrine": "^3.0.0",
-        "enquirer": "^2.3.5",
         "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^5.1.1",
-        "eslint-utils": "^2.1.0",
-        "eslint-visitor-keys": "^2.0.0",
-        "espree": "^7.3.1",
-        "esquery": "^1.4.0",
+        "eslint-scope": "^7.1.1",
+        "eslint-utils": "^3.0.0",
+        "eslint-visitor-keys": "^3.3.0",
+        "espree": "^9.4.0",
+        "esquery": "^1.4.2",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
         "file-entry-cache": "^6.0.1",
-        "functional-red-black-tree": "^1.0.1",
-        "glob-parent": "^5.1.2",
-        "globals": "^13.6.0",
-        "ignore": "^4.0.6",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "grapheme-splitter": "^1.0.4",
+        "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
-        "js-yaml": "^3.13.1",
+        "is-path-inside": "^3.0.3",
+        "js-sdsl": "^4.1.4",
+        "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "levn": "^0.4.1",
         "lodash.merge": "^4.6.2",
-        "minimatch": "^3.0.4",
+        "minimatch": "^3.1.2",
         "natural-compare": "^1.4.0",
         "optionator": "^0.9.1",
-        "progress": "^2.0.0",
-        "regexpp": "^3.1.0",
-        "semver": "^7.2.1",
-        "strip-ansi": "^6.0.0",
+        "regexpp": "^3.2.0",
+        "strip-ansi": "^6.0.1",
         "strip-json-comments": "^3.1.0",
-        "table": "^6.0.9",
-        "text-table": "^0.2.0",
-        "v8-compile-cache": "^2.0.3"
+        "text-table": "^0.2.0"
       },
       "dependencies": {
         "ansi-regex": {
@@ -6295,6 +6742,12 @@
             "color-convert": "^2.0.1"
           }
         },
+        "argparse": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+          "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+          "dev": true
+        },
         "chalk": {
           "version": "4.1.0",
           "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
@@ -6326,32 +6779,56 @@
           "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
           "dev": true,
           "requires": {
-            "path-key": "^3.1.0",
-            "shebang-command": "^2.0.0",
-            "which": "^2.0.1"
+            "path-key": "^3.1.0",
+            "shebang-command": "^2.0.0",
+            "which": "^2.0.1"
+          }
+        },
+        "escape-string-regexp": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+          "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+          "dev": true
+        },
+        "eslint-scope": {
+          "version": "7.1.1",
+          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.1.tgz",
+          "integrity": "sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==",
+          "dev": true,
+          "requires": {
+            "esrecurse": "^4.3.0",
+            "estraverse": "^5.2.0"
+          }
+        },
+        "eslint-visitor-keys": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
+          "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
+          "dev": true
+        },
+        "estraverse": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+          "dev": true
+        },
+        "find-up": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+          "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^6.0.0",
+            "path-exists": "^4.0.0"
           }
         },
-        "escape-string-regexp": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-          "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-          "dev": true
-        },
-        "eslint-utils": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
-          "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+        "glob-parent": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+          "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
           "dev": true,
           "requires": {
-            "eslint-visitor-keys": "^1.1.0"
-          },
-          "dependencies": {
-            "eslint-visitor-keys": {
-              "version": "1.3.0",
-              "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-              "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-              "dev": true
-            }
+            "is-glob": "^4.0.3"
           }
         },
         "has-flag": {
@@ -6360,6 +6837,15 @@
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
           "dev": true
         },
+        "js-yaml": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+          "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+          "dev": true,
+          "requires": {
+            "argparse": "^2.0.1"
+          }
+        },
         "levn": {
           "version": "0.4.1",
           "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -6370,13 +6856,22 @@
             "type-check": "~0.4.0"
           }
         },
-        "lru-cache": {
+        "locate-path": {
           "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+          "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^5.0.0"
+          }
+        },
+        "minimatch": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+          "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
           "dev": true,
           "requires": {
-            "yallist": "^4.0.0"
+            "brace-expansion": "^1.1.7"
           }
         },
         "optionator": {
@@ -6393,6 +6888,30 @@
             "word-wrap": "^1.2.3"
           }
         },
+        "p-limit": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+          "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+          "dev": true,
+          "requires": {
+            "yocto-queue": "^0.1.0"
+          }
+        },
+        "p-locate": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+          "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^3.0.2"
+          }
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+          "dev": true
+        },
         "path-key": {
           "version": "3.1.1",
           "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -6405,15 +6924,6 @@
           "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
           "dev": true
         },
-        "semver": {
-          "version": "7.3.4",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.4.tgz",
-          "integrity": "sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
         "shebang-command": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -6430,12 +6940,12 @@
           "dev": true
         },
         "strip-ansi": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
-          "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
           "dev": true,
           "requires": {
-            "ansi-regex": "^5.0.0"
+            "ansi-regex": "^5.0.1"
           }
         },
         "supports-color": {
@@ -6464,23 +6974,18 @@
           "requires": {
             "isexe": "^2.0.0"
           }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
         }
       }
     },
     "eslint-import-resolver-node": {
-      "version": "0.3.6",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz",
-      "integrity": "sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw==",
+      "version": "0.3.7",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.7.tgz",
+      "integrity": "sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA==",
       "dev": true,
       "requires": {
         "debug": "^3.2.7",
-        "resolve": "^1.20.0"
+        "is-core-module": "^2.11.0",
+        "resolve": "^1.22.1"
       },
       "dependencies": {
         "debug": {
@@ -6495,13 +7000,12 @@
       }
     },
     "eslint-module-utils": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.6.2.tgz",
-      "integrity": "sha512-QG8pcgThYOuqxupd06oYTZoNOGaUdTY1PqK+oS6ElF6vs4pBdk/aYxFVQQXzcrAqp9m7cl7lb2ubazX+g16k2Q==",
+      "version": "2.7.4",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.7.4.tgz",
+      "integrity": "sha512-j4GT+rqzCoRKHwURX7pddtIPGySnX9Si/cgMI5ztrcqOPtk5dDEeZ34CQVPphnqkJytlc97Vuk05Um2mJ3gEQA==",
       "dev": true,
       "requires": {
-        "debug": "^3.2.7",
-        "pkg-dir": "^2.0.0"
+        "debug": "^3.2.7"
       },
       "dependencies": {
         "debug": {
@@ -6516,35 +7020,35 @@
       }
     },
     "eslint-plugin-import": {
-      "version": "2.24.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.24.2.tgz",
-      "integrity": "sha512-hNVtyhiEtZmpsabL4neEj+6M5DCLgpYyG9nzJY8lZQeQXEn5UPW1DpUdsMHMXsq98dbNm7nt1w9ZMSVpfJdi8Q==",
+      "version": "2.27.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz",
+      "integrity": "sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==",
       "dev": true,
       "requires": {
-        "array-includes": "^3.1.3",
-        "array.prototype.flat": "^1.2.4",
-        "debug": "^2.6.9",
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "array.prototype.flatmap": "^1.3.1",
+        "debug": "^3.2.7",
         "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-module-utils": "^2.6.2",
-        "find-up": "^2.0.0",
+        "eslint-import-resolver-node": "^0.3.7",
+        "eslint-module-utils": "^2.7.4",
         "has": "^1.0.3",
-        "is-core-module": "^2.6.0",
-        "minimatch": "^3.0.4",
-        "object.values": "^1.1.4",
-        "pkg-up": "^2.0.0",
-        "read-pkg-up": "^3.0.0",
-        "resolve": "^1.20.0",
-        "tsconfig-paths": "^3.11.0"
+        "is-core-module": "^2.11.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.values": "^1.1.6",
+        "resolve": "^1.22.1",
+        "semver": "^6.3.0",
+        "tsconfig-paths": "^3.14.1"
       },
       "dependencies": {
         "debug": {
-          "version": "2.6.9",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
           "dev": true,
           "requires": {
-            "ms": "2.0.0"
+            "ms": "^2.1.1"
           }
         },
         "doctrine": {
@@ -6556,71 +7060,27 @@
             "esutils": "^2.0.2"
           }
         },
-        "find-up": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
-          "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
-          "dev": true,
-          "requires": {
-            "locate-path": "^2.0.0"
-          }
-        },
-        "locate-path": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
-          "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
-          "dev": true,
-          "requires": {
-            "p-locate": "^2.0.0",
-            "path-exists": "^3.0.0"
-          }
-        },
-        "ms": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
-          "dev": true
-        },
-        "p-limit": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
-          "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
-          "dev": true,
-          "requires": {
-            "p-try": "^1.0.0"
-          }
-        },
-        "p-locate": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
-          "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+        "minimatch": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+          "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
           "dev": true,
           "requires": {
-            "p-limit": "^1.1.0"
+            "brace-expansion": "^1.1.7"
           }
         },
-        "p-try": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
-          "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
           "dev": true
-        },
-        "read-pkg-up": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-3.0.0.tgz",
-          "integrity": "sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=",
-          "dev": true,
-          "requires": {
-            "find-up": "^2.0.0",
-            "read-pkg": "^3.0.0"
-          }
         }
       }
     },
     "eslint-plugin-svelte3": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-3.2.1.tgz",
-      "integrity": "sha512-YoBR9mLoKCjGghJ/gvpnFZKaMEu/VRcuxpSRS8KuozuEo7CdBH7bmBHa6FmMm0i4kJnOyx+PVsaptz96K6H/4Q==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-4.0.0.tgz",
+      "integrity": "sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==",
       "dev": true,
       "requires": {}
     },
@@ -6650,26 +7110,20 @@
       "dev": true
     },
     "espree": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz",
-      "integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==",
+      "version": "9.4.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.1.tgz",
+      "integrity": "sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==",
       "dev": true,
       "requires": {
-        "acorn": "^7.4.0",
-        "acorn-jsx": "^5.3.1",
-        "eslint-visitor-keys": "^1.3.0"
+        "acorn": "^8.8.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.3.0"
       },
       "dependencies": {
-        "acorn": {
-          "version": "7.4.1",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-          "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-          "dev": true
-        },
         "eslint-visitor-keys": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
+          "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
           "dev": true
         }
       }
@@ -6681,18 +7135,18 @@
       "dev": true
     },
     "esquery": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
-      "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
       "dev": true,
       "requires": {
         "estraverse": "^5.1.0"
       },
       "dependencies": {
         "estraverse": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
-          "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
           "dev": true
         }
       }
@@ -6721,10 +7175,13 @@
       "dev": true
     },
     "estree-walker": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.0.tgz",
-      "integrity": "sha512-s6ceX0NFiU/vKPiKvFdR83U1Zffu7upwZsGwpoqfg5rbbq1l50WQ5hCeIvM6E6oD4shUHCYMsiFPns4Jk0YfMQ==",
-      "dev": true
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "requires": {
+        "@types/estree": "^1.0.0"
+      }
     },
     "esutils": {
       "version": "2.0.3",
@@ -6780,9 +7237,9 @@
       "dev": true
     },
     "fast-glob": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz",
-      "integrity": "sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==",
+      "version": "3.2.12",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
+      "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
       "dev": true,
       "requires": {
         "@nodelib/fs.stat": "^2.0.2",
@@ -6885,6 +7342,15 @@
       "integrity": "sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA==",
       "dev": true
     },
+    "for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "requires": {
+        "is-callable": "^1.1.3"
+      }
+    },
     "forever-agent": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
@@ -6921,10 +7387,28 @@
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
       "dev": true
     },
+    "function.prototype.name": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz",
+      "integrity": "sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.19.0",
+        "functions-have-names": "^1.2.2"
+      }
+    },
     "functional-red-black-tree": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
-      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
+      "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==",
+      "dev": true
+    },
+    "functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
       "dev": true
     },
     "get-caller-file": {
@@ -6934,14 +7418,14 @@
       "dev": true
     },
     "get-intrinsic": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
-      "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.3.tgz",
+      "integrity": "sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==",
       "dev": true,
       "requires": {
         "function-bind": "^1.1.1",
         "has": "^1.0.3",
-        "has-symbols": "^1.0.1"
+        "has-symbols": "^1.0.3"
       }
     },
     "get-symbol-description": {
@@ -6987,40 +7471,32 @@
       }
     },
     "globals": {
-      "version": "13.11.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.11.0.tgz",
-      "integrity": "sha512-08/xrJ7wQjK9kkkRoI3OFUBbLx4f+6x3SGwcPvQ0QH6goFDrOU2oyAWrmh3dJezu65buo+HBMzAMQy6rovVC3g==",
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
       "dev": true,
       "requires": {
         "type-fest": "^0.20.2"
       }
     },
     "globalyzer": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.4.tgz",
-      "integrity": "sha512-LeguVWaxgHN0MNbWC6YljNMzHkrCny9fzjmEUdnF1kQ7wATFD1RHFRqA1qxaX2tgxGENlcxjOflopBwj3YZiXA==",
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
+      "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==",
       "dev": true
     },
     "globby": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz",
-      "integrity": "sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg==",
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
       "dev": true,
       "requires": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
-        "fast-glob": "^3.1.1",
-        "ignore": "^5.1.4",
-        "merge2": "^1.3.0",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
         "slash": "^3.0.0"
-      },
-      "dependencies": {
-        "ignore": {
-          "version": "5.1.8",
-          "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
-          "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
-          "dev": true
-        }
       }
     },
     "globrex": {
@@ -7029,10 +7505,10 @@
       "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
       "dev": true
     },
-    "graceful-fs": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.0.tgz",
-      "integrity": "sha512-jpSvDPV4Cq/bgtpndIWbI5hmYxhQGHPC4d4cqBPb4DLniCfhJokdXhwhaDuLBGLQdvvRum/UiX6ECVIPvDXqdg==",
+    "grapheme-splitter": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
+      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
       "dev": true
     },
     "growl": {
@@ -7067,9 +7543,9 @@
       }
     },
     "has-bigints": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.1.tgz",
-      "integrity": "sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
       "dev": true
     },
     "has-flag": {
@@ -7078,10 +7554,19 @@
       "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
       "dev": true
     },
+    "has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.1.1"
+      }
+    },
     "has-symbols": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.2.tgz",
-      "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
       "dev": true
     },
     "has-tostringtag": {
@@ -7099,12 +7584,6 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
-    "hosted-git-info": {
-      "version": "2.8.9",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-      "dev": true
-    },
     "html-encoding-sniffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz",
@@ -7145,9 +7624,9 @@
       }
     },
     "ignore": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
+      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
       "dev": true
     },
     "import-fresh": {
@@ -7199,11 +7678,15 @@
       "integrity": "sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=",
       "dev": true
     },
-    "is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
-      "dev": true
+    "is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      }
     },
     "is-bigint": {
       "version": "1.0.4",
@@ -7240,25 +7723,28 @@
       "dev": true
     },
     "is-callable": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.4.tgz",
-      "integrity": "sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==",
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
       "dev": true
     },
     "is-core-module": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.6.0.tgz",
-      "integrity": "sha512-wShG8vs60jKfPWpF2KZRaAtvt3a20OAn7+IJ6hLPECpSABLcKtFKTTI4ZtH5QcBruBHlq+WsdHWyz0BCZW7svQ==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz",
+      "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==",
       "dev": true,
       "requires": {
         "has": "^1.0.3"
       }
     },
     "is-date-object": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.1.tgz",
-      "integrity": "sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=",
-      "dev": true
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
     },
     "is-extglob": {
       "version": "2.1.1",
@@ -7272,15 +7758,30 @@
       "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
       "dev": true
     },
+    "is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
     "is-glob": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
-      "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
       "dev": true,
       "requires": {
         "is-extglob": "^2.1.1"
       }
     },
+    "is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true
+    },
     "is-module": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
@@ -7288,9 +7789,9 @@
       "dev": true
     },
     "is-negative-zero": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.1.tgz",
-      "integrity": "sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
       "dev": true
     },
     "is-number": {
@@ -7308,10 +7809,16 @@
         "has-tostringtag": "^1.0.0"
       }
     },
+    "is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true
+    },
     "is-reference": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.0.tgz",
-      "integrity": "sha512-Eo1W3wUoHWoCoVM4GVl/a+K0IgiqE5aIo4kJABFyMum1ZORlPkC+UC357sSQUL5w5QCE5kCC9upl75b7+7CY/Q==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.1.tgz",
+      "integrity": "sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==",
       "dev": true,
       "requires": {
         "@types/estree": "*"
@@ -7327,6 +7834,21 @@
         "has-tostringtag": "^1.0.0"
       }
     },
+    "is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true
+    },
+    "is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2"
+      }
+    },
     "is-string": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
@@ -7345,12 +7867,50 @@
         "has-symbols": "^1.0.2"
       }
     },
+    "is-typed-array": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.9.tgz",
+      "integrity": "sha512-kfrlnTTn8pZkfpJMUgYD7YZ3qzeJgWUn8XfVYBARc4wnmNOmLbmuuaAs3q5fvB0UJOn6yHAKaGTPM7d6ezoD/A==",
+      "dev": true,
+      "requires": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "es-abstract": "^1.20.0",
+        "for-each": "^0.3.3",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
     "is-typedarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
       "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
       "dev": true
     },
+    "is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true
+    },
+    "is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2"
+      }
+    },
+    "is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      }
+    },
     "isarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
@@ -7369,10 +7929,10 @@
       "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
       "dev": true
     },
-    "js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+    "js-sdsl": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.5.tgz",
+      "integrity": "sha512-08bOAKweV2NUC1wqTtf3qZlnpOX/R2DU9ikpjOHs0H+ibQv3zpncVQg6um4uYtRtrwIX8M4Nh3ytK4HGlYAq7Q==",
       "dev": true
     },
     "js-yaml": {
@@ -7433,12 +7993,6 @@
         }
       }
     },
-    "json-parse-better-errors": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
-      "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
-      "dev": true
-    },
     "json-schema": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
@@ -7464,9 +8018,9 @@
       "dev": true
     },
     "json5": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
       "dev": true,
       "requires": {
         "minimist": "^1.2.0"
@@ -7485,9 +8039,9 @@
       }
     },
     "kleur": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
-      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
       "dev": true
     },
     "levn": {
@@ -7506,26 +8060,6 @@
       "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=",
       "dev": true
     },
-    "load-json-file": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
-      "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.1.2",
-        "parse-json": "^4.0.0",
-        "pify": "^3.0.0",
-        "strip-bom": "^3.0.0"
-      },
-      "dependencies": {
-        "pify": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
-          "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
-          "dev": true
-        }
-      }
-    },
     "locate-character": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-2.0.5.tgz",
@@ -7548,12 +8082,6 @@
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "dev": true
     },
-    "lodash.clonedeep": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
-      "dev": true
-    },
     "lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -7566,12 +8094,6 @@
       "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=",
       "dev": true
     },
-    "lodash.truncate": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
-      "dev": true
-    },
     "log-symbols": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-3.0.0.tgz",
@@ -7581,19 +8103,28 @@
         "chalk": "^2.4.2"
       }
     },
+    "lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "requires": {
+        "yallist": "^4.0.0"
+      }
+    },
     "magic-string": {
-      "version": "0.25.3",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.3.tgz",
-      "integrity": "sha512-6QK0OpF/phMz0Q2AxILkX2mFhi7m+WMwTRg0LQKq/WBB0cDP4rYH3Wp4/d3OTXlrPLVJT/RFqj8tFeAR4nk8AA==",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
+      "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
       "dev": true,
       "requires": {
-        "sourcemap-codec": "^1.4.4"
+        "@jridgewell/sourcemap-codec": "^1.4.13"
       }
     },
     "mdn-data": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
-      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
       "dev": true
     },
     "merge2": {
@@ -7603,13 +8134,13 @@
       "dev": true
     },
     "micromatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz",
-      "integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==",
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
       "dev": true,
       "requires": {
-        "braces": "^3.0.1",
-        "picomatch": "^2.2.3"
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
       }
     },
     "mime": {
@@ -7790,18 +8321,6 @@
       "integrity": "sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=",
       "dev": true
     },
-    "normalize-package-data": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
-      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
-      "dev": true,
-      "requires": {
-        "hosted-git-info": "^2.1.4",
-        "resolve": "^1.10.0",
-        "semver": "2 || 3 || 4 || 5",
-        "validate-npm-package-license": "^3.0.1"
-      }
-    },
     "normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -7827,11 +8346,21 @@
       "dev": true
     },
     "object-inspect": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.11.0.tgz",
-      "integrity": "sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg==",
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz",
+      "integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==",
       "dev": true
     },
+    "object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      }
+    },
     "object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -7862,14 +8391,14 @@
       }
     },
     "object.values": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.4.tgz",
-      "integrity": "sha512-TnGo7j4XSnKQoK3MfvkzqKCi0nVe/D9I9IjwTNYdb/fxYHpjrluHVOgw0AF6jrRFGMPHdfuidR09tIDiIvnaSg==",
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.6.tgz",
+      "integrity": "sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==",
       "dev": true,
       "requires": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.18.2"
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
       }
     },
     "once": {
@@ -7928,16 +8457,6 @@
         "callsites": "^3.0.0"
       }
     },
-    "parse-json": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
-      "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
-      "dev": true,
-      "requires": {
-        "error-ex": "^1.3.1",
-        "json-parse-better-errors": "^1.0.1"
-      }
-    },
     "parse5": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz",
@@ -7963,21 +8482,10 @@
       "dev": true
     },
     "path-type": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
-      "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
-      "dev": true,
-      "requires": {
-        "pify": "^3.0.0"
-      },
-      "dependencies": {
-        "pify": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
-          "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
-          "dev": true
-        }
-      }
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true
     },
     "pend": {
       "version": "1.2.0",
@@ -7992,19 +8500,20 @@
       "dev": true
     },
     "periscopic": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.0.4.tgz",
-      "integrity": "sha512-SFx68DxCv0Iyo6APZuw/AKewkkThGwssmU0QWtTlvov3VAtPX+QJ4CadwSaz8nrT5jPIuxdvJWB4PnD2KNDxQg==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
+      "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
       "dev": true,
       "requires": {
+        "@types/estree": "^1.0.0",
         "estree-walker": "^3.0.0",
         "is-reference": "^3.0.0"
       }
     },
     "picomatch": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz",
-      "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
       "dev": true
     },
     "pirates": {
@@ -8016,114 +8525,6 @@
         "node-modules-regexp": "^1.0.0"
       }
     },
-    "pkg-dir": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-2.0.0.tgz",
-      "integrity": "sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=",
-      "dev": true,
-      "requires": {
-        "find-up": "^2.1.0"
-      },
-      "dependencies": {
-        "find-up": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
-          "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
-          "dev": true,
-          "requires": {
-            "locate-path": "^2.0.0"
-          }
-        },
-        "locate-path": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
-          "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
-          "dev": true,
-          "requires": {
-            "p-locate": "^2.0.0",
-            "path-exists": "^3.0.0"
-          }
-        },
-        "p-limit": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
-          "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
-          "dev": true,
-          "requires": {
-            "p-try": "^1.0.0"
-          }
-        },
-        "p-locate": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
-          "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
-          "dev": true,
-          "requires": {
-            "p-limit": "^1.1.0"
-          }
-        },
-        "p-try": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
-          "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
-          "dev": true
-        }
-      }
-    },
-    "pkg-up": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz",
-      "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=",
-      "dev": true,
-      "requires": {
-        "find-up": "^2.1.0"
-      },
-      "dependencies": {
-        "find-up": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
-          "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
-          "dev": true,
-          "requires": {
-            "locate-path": "^2.0.0"
-          }
-        },
-        "locate-path": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
-          "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
-          "dev": true,
-          "requires": {
-            "p-locate": "^2.0.0",
-            "path-exists": "^3.0.0"
-          }
-        },
-        "p-limit": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
-          "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
-          "dev": true,
-          "requires": {
-            "p-try": "^1.0.0"
-          }
-        },
-        "p-locate": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
-          "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
-          "dev": true,
-          "requires": {
-            "p-limit": "^1.1.0"
-          }
-        },
-        "p-try": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
-          "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
-          "dev": true
-        }
-      }
-    },
     "pn": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/pn/-/pn-1.1.0.tgz",
@@ -8196,9 +8597,9 @@
       }
     },
     "qs": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-      "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
+      "version": "6.5.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
+      "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==",
       "dev": true
     },
     "queue-microtask": {
@@ -8207,17 +8608,6 @@
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
       "dev": true
     },
-    "read-pkg": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
-      "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
-      "dev": true,
-      "requires": {
-        "load-json-file": "^4.0.0",
-        "normalize-package-data": "^2.3.2",
-        "path-type": "^3.0.0"
-      }
-    },
     "readable-stream": {
       "version": "2.3.7",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
@@ -8242,10 +8632,21 @@
         "picomatch": "^2.0.4"
       }
     },
+    "regexp.prototype.flags": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz",
+      "integrity": "sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "functions-have-names": "^1.2.2"
+      }
+    },
     "regexpp": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz",
-      "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
+      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
       "dev": true
     },
     "request": {
@@ -8332,12 +8733,6 @@
       "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
       "dev": true
     },
-    "require-from-string": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "dev": true
-    },
     "require-main-filename": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
@@ -8345,13 +8740,14 @@
       "dev": true
     },
     "resolve": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
-      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
+      "version": "1.22.1",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
+      "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
       "dev": true,
       "requires": {
-        "is-core-module": "^2.2.0",
-        "path-parse": "^1.0.6"
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
       }
     },
     "resolve-from": {
@@ -8394,29 +8790,6 @@
         }
       }
     },
-    "rollup-plugin-virtual": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-virtual/-/rollup-plugin-virtual-1.0.1.tgz",
-      "integrity": "sha512-HCTBpV8MwP5lNzZrHD2moVxHIToHU1EkzkKGVj6Z0DcgUfxrxrZmeQirQeLz2yhnkJqRjwiVywK9CS8jDYakrw==",
-      "dev": true
-    },
-    "rollup-pluginutils": {
-      "version": "2.8.2",
-      "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz",
-      "integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==",
-      "dev": true,
-      "requires": {
-        "estree-walker": "^0.6.1"
-      },
-      "dependencies": {
-        "estree-walker": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz",
-          "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==",
-          "dev": true
-        }
-      }
-    },
     "run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -8432,6 +8805,17 @@
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
       "dev": true
     },
+    "safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      }
+    },
     "safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -8476,59 +8860,22 @@
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
       "dev": true
     },
-    "slice-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-      "dev": true,
-      "requires": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true
-        },
-        "is-fullwidth-code-point": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-          "dev": true
-        }
-      }
-    },
     "source-map": {
-      "version": "0.7.3",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
-      "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true
+    },
+    "source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
       "dev": true
     },
     "source-map-support": {
-      "version": "0.5.13",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz",
-      "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==",
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
       "dev": true,
       "requires": {
         "buffer-from": "^1.0.0",
@@ -8549,38 +8896,6 @@
       "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
       "dev": true
     },
-    "spdx-correct": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz",
-      "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==",
-      "dev": true,
-      "requires": {
-        "spdx-expression-parse": "^3.0.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "spdx-exceptions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz",
-      "integrity": "sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==",
-      "dev": true
-    },
-    "spdx-expression-parse": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz",
-      "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==",
-      "dev": true,
-      "requires": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "spdx-license-ids": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.4.tgz",
-      "integrity": "sha512-7j8LYJLeY/Yb6ACbQ7F76qy5jHkp0U6jgBfJsk97bwWlVUnUWsAgpyaCvo17h0/RQGnQ036tVDomiwoI4pDkQA==",
-      "dev": true
-    },
     "sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
@@ -8631,23 +8946,25 @@
       }
     },
     "string.prototype.trimend": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz",
-      "integrity": "sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz",
+      "integrity": "sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==",
       "dev": true,
       "requires": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.19.5"
       }
     },
     "string.prototype.trimstart": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz",
-      "integrity": "sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz",
+      "integrity": "sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==",
       "dev": true,
       "requires": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.19.5"
       }
     },
     "strip-ansi": {
@@ -8701,10 +9018,16 @@
         }
       }
     },
+    "supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true
+    },
     "svelte": {
-      "version": "3.43.0",
-      "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.43.0.tgz",
-      "integrity": "sha512-T2pMPHrxXp+SM8pLLUXLQgkdo+JhTls7aqj9cD7z8wT2ccP+OrCAmtQS7h6pvMjitaZhXFNnCK582NxDpy8HSw==",
+      "version": "3.49.0",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.49.0.tgz",
+      "integrity": "sha512-+lmjic1pApJWDfPCpUUTc1m8azDqYCG1JN9YEngrx/hUyIcFJo6VZhj0A1Ai0wqoHcEIuQy+e9tk+4uDgdtsFA==",
       "dev": true,
       "peer": true
     },
@@ -8714,78 +9037,6 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
-    "table": {
-      "version": "6.7.1",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.7.1.tgz",
-      "integrity": "sha512-ZGum47Yi6KOOFDE8m223td53ath2enHcYLgOCjGr5ngu8bdIARQk6mN/wRMv4yMRcHnCSnHbCEha4sobQx5yWg==",
-      "dev": true,
-      "requires": {
-        "ajv": "^8.0.1",
-        "lodash.clonedeep": "^4.5.0",
-        "lodash.truncate": "^4.4.2",
-        "slice-ansi": "^4.0.0",
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "dependencies": {
-        "ajv": {
-          "version": "8.10.0",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.10.0.tgz",
-          "integrity": "sha512-bzqAEZOjkrUMl2afH8dknrq5KEk2SrwdBROR+vH1EKVQTqaUbJVPdc/gEdggTMM0Se+s+Ja4ju4TlNcStKl2Hw==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.1",
-            "json-schema-traverse": "^1.0.0",
-            "require-from-string": "^2.0.2",
-            "uri-js": "^4.2.2"
-          }
-        },
-        "ansi-regex": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-          "dev": true
-        },
-        "emoji-regex": {
-          "version": "8.0.0",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-          "dev": true
-        },
-        "is-fullwidth-code-point": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-          "dev": true
-        },
-        "json-schema-traverse": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-          "dev": true
-        },
-        "string-width": {
-          "version": "4.2.3",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-          "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-          "dev": true,
-          "requires": {
-            "emoji-regex": "^8.0.0",
-            "is-fullwidth-code-point": "^3.0.0",
-            "strip-ansi": "^6.0.1"
-          }
-        },
-        "strip-ansi": {
-          "version": "6.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^5.0.1"
-          }
-        }
-      }
-    },
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -8811,13 +9062,13 @@
       }
     },
     "tiny-glob": {
-      "version": "0.2.6",
-      "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.6.tgz",
-      "integrity": "sha512-A7ewMqPu1B5PWwC3m7KVgAu96Ch5LA0w4SnEN/LbDREj/gAD0nPWboRbn8YoP9ISZXqeNAlMvKSKoEuhcfK3Pw==",
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
+      "integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
       "dev": true,
       "requires": {
-        "globalyzer": "^0.1.0",
-        "globrex": "^0.1.1"
+        "globalyzer": "0.1.0",
+        "globrex": "^0.1.2"
       }
     },
     "to-regex-range": {
@@ -8856,21 +9107,21 @@
       "dev": true
     },
     "tsconfig-paths": {
-      "version": "3.11.0",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.11.0.tgz",
-      "integrity": "sha512-7ecdYDnIdmv639mmDwslG6KQg1Z9STTz1j7Gcz0xa+nshh/gKDAHcPxRbWOsA3SPp0tXP2leTcY9Kw+NAkfZzA==",
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz",
+      "integrity": "sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==",
       "dev": true,
       "requires": {
         "@types/json5": "^0.0.29",
         "json5": "^1.0.1",
-        "minimist": "^1.2.0",
+        "minimist": "^1.2.6",
         "strip-bom": "^3.0.0"
       }
     },
     "tslib": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.3.tgz",
-      "integrity": "sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ==",
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
       "dev": true
     },
     "tsutils": {
@@ -8927,20 +9178,20 @@
       "dev": true
     },
     "typescript": {
-      "version": "3.7.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.7.5.tgz",
-      "integrity": "sha512-/P5lkRXkWHNAbcJIiHPfRoKqyd7bsyCma1hZNUGfn20qm64T6ZBlrzprymeu918H+mB/0rIg2gGK/BXkhhYgBw==",
+      "version": "3.9.10",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.10.tgz",
+      "integrity": "sha512-w6fIxVE/H1PkLKcCPsFqKE7Kv7QUwhU8qQY2MueZXWx5cPZdwFupLgKK3vntcK98BtNHZtAF4LA/yl2a7k8R6Q==",
       "dev": true
     },
     "unbox-primitive": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
-      "integrity": "sha512-tZU/3NqK3dA5gpE1KtyiJUrEB0lxnGkMFHptJ7q6ewdZ8s12QrODwNbhIJStmJkd1QDXa1NRA8aF2A1zk/Ypyw==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
       "dev": true,
       "requires": {
-        "function-bind": "^1.1.1",
-        "has-bigints": "^1.0.1",
-        "has-symbols": "^1.0.2",
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
         "which-boxed-primitive": "^1.0.2"
       }
     },
@@ -8953,6 +9204,19 @@
         "punycode": "^2.1.0"
       }
     },
+    "util": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
+      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "is-typed-array": "^1.1.3",
+        "which-typed-array": "^1.1.2"
+      }
+    },
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -8965,22 +9229,6 @@
       "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==",
       "dev": true
     },
-    "v8-compile-cache": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz",
-      "integrity": "sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==",
-      "dev": true
-    },
-    "validate-npm-package-license": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
-      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
-      "dev": true,
-      "requires": {
-        "spdx-correct": "^3.0.0",
-        "spdx-expression-parse": "^3.0.0"
-      }
-    },
     "verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
@@ -9066,12 +9314,38 @@
         "is-symbol": "^1.0.3"
       }
     },
+    "which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "requires": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      }
+    },
     "which-module": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
       "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
       "dev": true
     },
+    "which-typed-array": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.8.tgz",
+      "integrity": "sha512-Jn4e5PItbcAHyLoRDwvPj1ypu27DJbtdYXUa5zsinrUx77Uvfb0cXwwnGMTn7cjUfhhqgVQnVJCwF+7cgU7tpw==",
+      "dev": true,
+      "requires": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "es-abstract": "^1.20.0",
+        "for-each": "^0.3.3",
+        "has-tostringtag": "^1.0.0",
+        "is-typed-array": "^1.1.9"
+      }
+    },
     "wide-align": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
@@ -9161,6 +9435,12 @@
       "integrity": "sha512-wNcy4NvjMYL8gogWWYAO7ZFWFfHcbdbE57tZO8e4cbpj8tfUcwrwqSl3ad8HxpYWCdXcJUCeKKZS62Av1affwQ==",
       "dev": true
     },
+    "yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
     "yargs": {
       "version": "13.3.2",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz",
@@ -9211,6 +9491,12 @@
         "buffer-crc32": "~0.2.3",
         "fd-slicer": "~1.1.0"
       }
+    },
+    "yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true
     }
   }
 }
diff --git a/package.json b/package.json
index f6672b59a6c..6720938b981 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte",
-  "version": "3.48.0",
+  "version": "3.56.0",
   "description": "Cybernetically enhanced web apps",
   "module": "index.mjs",
   "main": "index",
@@ -17,6 +17,7 @@
     "easing",
     "motion",
     "action",
+    "elements",
     "README.md"
   ],
   "exports": {
@@ -75,6 +76,9 @@
       "import": "./transition/index.mjs",
       "require": "./transition/index.js"
     },
+    "./elements": {
+      "types": "./elements/index.d.ts"
+    },
     "./ssr": {
       "types": "./types/runtime/index.d.ts",
       "import": "./ssr.mjs",
@@ -86,17 +90,17 @@
   },
   "types": "types/runtime/index.d.ts",
   "scripts": {
-    "test": "mocha --exit",
-    "test:unit": "mocha --require sucrase/register --recursive src/**/__test__.ts --exit",
-    "quicktest": "mocha",
+    "test": "npm run test:unit && npm run test:integration",
+    "test:integration": "mocha --exit",
+    "test:unit": "mocha --config .mocharc.unit.js --exit",
+    "quicktest": "mocha --exit",
     "build": "rollup -c && npm run tsd",
-    "prepare": "npm run build",
+    "prepare": "node scripts/skip_in_ci.js npm run build",
     "dev": "rollup -cw",
-    "pretest": "npm run build",
     "posttest": "agadoo internal/index.mjs",
-    "prepublishOnly": "node check_publish_env.js && npm run lint && npm test",
-    "tsd": "tsc -p src/compiler --emitDeclarationOnly && tsc -p src/runtime --emitDeclarationOnly",
-    "lint": "eslint \"{src,test}/**/*.{ts,js}\""
+    "prepublishOnly": "node check_publish_env.js && npm run lint && npm run build && npm test",
+    "tsd": "node ./generate-type-definitions.js",
+    "lint": "eslint \"{src,test}/**/*.{ts,js}\" --cache"
   },
   "repository": {
     "type": "git",
@@ -116,48 +120,44 @@
   "homepage": "https://svelte.dev",
   "devDependencies": {
     "@ampproject/remapping": "^0.3.0",
+    "@jridgewell/sourcemap-codec": "^1.4.14",
     "@rollup/plugin-commonjs": "^11.0.0",
-    "@rollup/plugin-json": "^4.0.1",
-    "@rollup/plugin-node-resolve": "^6.0.0",
-    "@rollup/plugin-replace": "^2.3.0",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^11.2.1",
+    "@rollup/plugin-replace": "^5.0.2",
     "@rollup/plugin-sucrase": "^3.1.0",
     "@rollup/plugin-typescript": "^2.0.1",
-    "@rollup/plugin-virtual": "^2.0.0",
+    "@rollup/plugin-virtual": "^3.0.1",
     "@sveltejs/eslint-config": "github:sveltejs/eslint-config#v5.8.0",
+    "@types/aria-query": "^5.0.1",
     "@types/mocha": "^7.0.0",
     "@types/node": "^8.10.53",
-    "@typescript-eslint/eslint-plugin": "^4.31.2",
-    "@typescript-eslint/parser": "^4.31.2",
-    "acorn": "^8.4.1",
-    "agadoo": "^1.1.0",
-    "code-red": "^0.2.5",
-    "css-tree": "^1.1.2",
-    "eslint": "^7.32.0",
-    "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-svelte3": "^3.2.1",
-    "estree-walker": "^3.0.0",
-    "is-reference": "^3.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.29.0",
+    "@typescript-eslint/parser": "^5.29.0",
+    "acorn": "^8.8.1",
+    "agadoo": "^3.0.0",
+    "aria-query": "^5.1.3",
+    "axobject-query": "^3.1.1",
+    "code-red": "^1.0.0",
+    "css-tree": "^2.3.1",
+    "eslint": "^8.35.0",
+    "eslint-plugin-import": "^2.27.0",
+    "eslint-plugin-svelte3": "^4.0.0",
+    "estree-walker": "^3.0.3",
+    "is-reference": "^3.0.1",
     "jsdom": "^15.2.1",
-    "kleur": "^3.0.3",
+    "kleur": "^4.1.5",
     "locate-character": "^2.0.5",
-    "magic-string": "^0.25.3",
+    "magic-string": "^0.30.0",
     "mocha": "^7.0.0",
-    "periscopic": "^3.0.4",
+    "periscopic": "^3.1.0",
     "puppeteer": "^2.0.0",
     "rollup": "^1.27.14",
-    "source-map": "^0.7.3",
-    "source-map-support": "^0.5.13",
-    "sourcemap-codec": "^1.4.8",
-    "tiny-glob": "^0.2.6",
-    "tslib": "^2.0.3",
-    "typescript": "^3.7.5"
-  },
-  "nyc": {
-    "include": [
-      "compiler/svelte.js",
-      "shared.js"
-    ],
-    "sourceMap": true,
-    "instrument": true
+    "source-map": "^0.7.4",
+    "source-map-support": "^0.5.21",
+    "tiny-glob": "^0.2.9",
+    "tslib": "^2.5.0",
+    "typescript": "^3.7.5",
+    "util": "^0.12.5"
   }
 }
diff --git a/rollup.config.js b/rollup.config.js
index b60423c35ca..8ce26f4b84b 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -108,8 +108,18 @@ export default [
 		input: 'src/compiler/index.ts',
 		plugins: [
 			replace({
-				__VERSION__: pkg.version
+				__VERSION__: pkg.version,
+				'process.env.NODE_DEBUG': false // appears inside the util package
 			}),
+			{
+				resolveId(id) {
+					// util is a built-in module in Node.js, but we want a self-contained compiler bundle
+					// that also works in the browser, so we load its polyfill instead
+					if (id === 'util') {
+						return require.resolve('./node_modules/util'); // just 'utils' would resolve this to the built-in module
+					}
+				}
+			},
 			resolve(),
 			commonjs({
 				include: ['node_modules/**']
diff --git a/scripts/globals-extractor.mjs b/scripts/globals-extractor.mjs
new file mode 100644
index 00000000000..1c4274a0245
--- /dev/null
+++ b/scripts/globals-extractor.mjs
@@ -0,0 +1,91 @@
+/** ----------------------------------------------------------------------
+This script gets a list of global objects/functions of browser.
+This process is simple for now, so it is handled without AST parser.
+Please run `node scripts/globals-extractor.mjs` at the project root.
+
+see: https://github.com/microsoft/TypeScript/tree/main/lib
+ ---------------------------------------------------------------------- */
+
+import http from 'https';
+import fs from 'fs';
+
+const GLOBAL_TS_PATH = './src/compiler/utils/globals.ts';
+
+// MEMO: add additional objects/functions which existed in `src/compiler/utils/names.ts`
+//       before this script was introduced but could not be retrieved by this process.
+const SPECIALS = ['global', 'globalThis', 'InternalError', 'process', 'undefined'];
+
+const get_url = (name) => `https://raw.githubusercontent.com/microsoft/TypeScript/main/lib/lib.${name}.d.ts`;
+const extract_name = (split) => split.match(/^[a-zA-Z0-9_$]+/)[0];
+
+const extract_functions_and_references = (name, data) => {
+	const functions = [];
+	const references = [];
+	data.split('\n').forEach(line => {
+		const trimmed = line.trim();
+		const split = trimmed.replace(/[\s+]/, ' ').split(' ');
+		if (split[0] === 'declare' && split[1] !== 'type') {
+			functions.push(extract_name(split[2]));
+		} else if (trimmed.startsWith('/// <reference')) {
+			const matched = trimmed.match(/ lib="(.+)"/);
+			const reference = matched && matched[1];
+			if (reference) references.push(reference);
+		}
+	});
+	return { functions, references };
+};
+
+const do_get = (url) => new Promise((resolve, reject) => {
+	http.get(url, (res) => {
+		let body = '';
+		res.setEncoding('utf8');
+		res.on('data', (chunk) => body += chunk);
+		res.on('end', () => resolve(body));
+	}).on('error', (e) => {
+		console.error(e.message);
+		reject(e);
+	});
+});
+
+const fetched_names = new Set();
+const get_functions = async (name) => {
+	const res = [];
+	if (fetched_names.has(name)) return res;
+	fetched_names.add(name);
+	const body = await do_get(get_url(name));
+	const { functions, references } = extract_functions_and_references(name, body);
+	res.push(...functions);
+	const chile_functions = await Promise.all(references.map(get_functions));
+	chile_functions.forEach(i => res.push(...i));
+	return res;
+};
+
+const build_output = (functions) => {
+	const sorted = Array.from(new Set(functions.sort()));
+	return `\
+/** ----------------------------------------------------------------------
+This file is automatically generated by \`scripts/globals-extractor.mjs\`.
+Generated At: ${new Date().toISOString()}
+---------------------------------------------------------------------- */
+
+export default new Set([
+${sorted.map((i) => `\t'${i}'`).join(',\n')}
+]);
+`;
+};
+
+const get_exists_globals = () => {
+	const regexp = /^\s*["'](.+)["'],?\s*$/;
+	return fs.readFileSync(GLOBAL_TS_PATH, 'utf8')
+		.split('\n')
+		.filter(line => line.match(regexp))
+		.map(line => line.match(regexp)[1]);
+};
+
+(async () => {
+	const globals = get_exists_globals();
+	const new_globals = await get_functions('es2021.full');
+	globals.forEach((g) => new_globals.push(g));
+	SPECIALS.forEach((g) => new_globals.push(g));
+	fs.writeFileSync(GLOBAL_TS_PATH, build_output(new_globals));
+})();
diff --git a/scripts/skip_in_ci.js b/scripts/skip_in_ci.js
new file mode 100644
index 00000000000..d845d000ab3
--- /dev/null
+++ b/scripts/skip_in_ci.js
@@ -0,0 +1,7 @@
+if (process.env.SKIP_PREPARE) {
+  console.log('Skipped "prepare" script');
+} else {
+	const { execSync } = require("child_process");
+	const command = process.argv.slice(2).join(" ");
+	execSync(command, { stdio: "inherit" });
+}
diff --git a/site/content/blog/2016-11-26-frameworks-without-the-framework.md b/site/content/blog/2016-11-26-frameworks-without-the-framework.md
deleted file mode 100644
index b29525dec33..00000000000
--- a/site/content/blog/2016-11-26-frameworks-without-the-framework.md
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: "Frameworks without the framework: why didn't we think of this sooner?"
-description: You can't write serious applications in vanilla JavaScript without hitting a complexity wall. But a compiler can do it for you.
-author: Rich Harris
-authorURL: https://twitter.com/Rich_Harris
----
-
-> Wait, this new framework has a *runtime*? Ugh. Thanks, I'll pass.
-> **– front end developers in 2018**
-
-We're shipping too much code to our users. Like a lot of front end developers, I've been in denial about that fact, thinking that it was fine to serve 100kb of JavaScript on page load – just use [one less .jpg!](https://twitter.com/miketaylr/status/227056824275333120) – and that what *really* mattered was performance once your app was already interactive.
-
-But I was wrong. 100kb of .js isn't equivalent to 100kb of .jpg. It's not just the network time that'll kill your app's startup performance, but the time spent parsing and evaluating your script, during which time the browser becomes completely unresponsive. On mobile, those milliseconds rack up very quickly.
-
-If you're not convinced that this is a problem, follow [Alex Russell](https://twitter.com/slightlylate) on Twitter. Alex [hasn't been making many friends in the framework community lately](https://twitter.com/slightlylate/status/728355959022587905), but he's not wrong. But the proposed alternative to using frameworks like Angular, React and Ember – [Polymer](https://www.polymer-project.org/1.0/) – hasn't yet gained traction in the front end world, and it's certainly not for a lack of marketing.
-
-Perhaps we need to rethink the whole thing.
-
-
-## What problem do frameworks *really* solve?
-
-The common view is that frameworks make it easier to manage the complexity of your code: the framework abstracts away all the fussy implementation details with techniques like virtual DOM diffing. But that's not really true. At best, frameworks *move the complexity around*, away from code that you had to write and into code you didn't.
-
-Instead, the reason that ideas like React are so wildly and deservedly successful is that they make it easier to manage the complexity of your *concepts*. Frameworks are primarily a tool for structuring your thoughts, not your code.
-
-Given that, what if the framework *didn't actually run in the browser*? What if, instead, it converted your application into pure vanilla JavaScript, just like Babel converts ES2016+ to ES5? You'd pay no upfront cost of shipping a hefty runtime, and your app would get seriously fast, because there'd be no layers of abstraction between your app and the browser.
-
-
-## Introducing Svelte
-
-Svelte is a new framework that does exactly that. You write your components using HTML, CSS and JavaScript (plus a few extra bits you can [learn in under 5 minutes](https://v2.svelte.dev/guide)), and during your build process Svelte compiles them into tiny standalone JavaScript modules. By statically analysing the component template, we can make sure that the browser does as little work as possible.
-
-The [Svelte implementation of TodoMVC](https://svelte-todomvc.surge.sh/) weighs 3.6kb zipped. For comparison, React plus ReactDOM *without any app code* weighs about 45kb zipped. It takes about 10x as long for the browser just to evaluate React as it does for Svelte to be up and running with an interactive TodoMVC.
-
-And once your app *is* up and running, according to [js-framework-benchmark](https://github.com/krausest/js-framework-benchmark) **Svelte is fast as heck**. It's faster than React. It's faster than Vue. It's faster than Angular, or Ember, or Ractive, or Preact, or Riot, or Mithril. It's competitive with Inferno, which is probably the fastest UI framework in the world, for now, because [Dominic Gannaway](https://twitter.com/trueadm) is a wizard. (Svelte is slower at removing elements. We're [working on it](https://github.com/sveltejs/svelte/issues/26).)
-
-It's basically as fast as vanilla JS, which makes sense because it *is* vanilla JS – just vanilla JS that you didn't have to write.
-
-
-## But that's not the important thing
-
-Well, it *is* important – performance matters a great deal. What's really exciting about this approach, though, is that we can finally solve some of the thorniest problems in web development.
-
-Consider interoperability. Want to `npm install cool-calendar-widget` and use it in your app? Previously, you could only do that if you were already using (a correct version of) the framework that the widget was designed for – if `cool-calendar-widget` was built in React and you're using Angular then, well, hard cheese. But if the widget author used Svelte, apps that use it can be built using whatever technology you like. (On the TODO list: a way to convert Svelte components into web components.)
-
-Or [code splitting](https://twitter.com/samccone/status/797528710085652480). It's a great idea (only load the code the user needs for the initial view, then get the rest later), but there's a problem – even if you only initially serve one React component instead of 100, *you still have to serve React itself*. With Svelte, code splitting can be much more effective, because the framework is embedded in the component, and the component is tiny.
-
-Finally, something I've wrestled with a great deal as an open source maintainer: your users always want *their* features prioritised, and underestimate the cost of those features to people who don't need them. A framework author must always balance the long-term health of the project with the desire to meet their users' needs. That's incredibly difficult, because it's hard to anticipate – much less articulate – the consequences of incremental bloat, and it takes serious soft skills to tell people (who may have been enthusiastically evangelising your tool up to that point) that their feature isn't important enough. But with an approach like Svelte's, many features can be added with absolutely no cost to people who don't use them, because the code that implements those features just doesn't get generated by the compiler if it's unnecessary.
-
-
-## We're just getting started
-
-Svelte is very new. There's a lot of work still left to do – creating build tool integrations, adding a server-side renderer, hot reloading, transitions, more documentation and examples, starter kits, and so on.
-
-But you can already build rich components with it, which is why we've gone straight to a stable 1.0.0 release. [Read the guide](https://v2.svelte.dev/guide), [try it out in the REPL](/repl), and head over to [GitHub](https://github.com/sveltejs/svelte) to help kickstart the next era of front end development.
diff --git a/site/content/blog/2017-08-07-the-easiest-way-to-get-started.md b/site/content/blog/2017-08-07-the-easiest-way-to-get-started.md
deleted file mode 100644
index fe4a14eaeb3..00000000000
--- a/site/content/blog/2017-08-07-the-easiest-way-to-get-started.md
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: The easiest way to get started with Svelte
-description: This'll only take a minute.
-author: Rich Harris
-authorURL: https://twitter.com/Rich_Harris
----
-
-Svelte is a [new kind of framework](/blog/frameworks-without-the-framework). Rather than putting a `<script src='svelte.js'>` tag on the page, or bringing it into your app with `import` or `require`, Svelte is a compiler that works behind the scenes to turn your component files into beautifully optimised JavaScript.
-
-Because of that, getting started with it can be a little bit confusing at first. How, you might reasonably ask, do you make a Svelte app?
-
-
-## 1. Use the REPL
-
-The [Svelte REPL](/repl) (Read-Eval-Print Loop) is the easiest way to begin. This is an interactive environment that allows you to modify code and instantly see the result. 
-
-You can choose from a list of [examples](/examples/), click the [REPL](/repl) link, and then tweak them until they do what you want.
-
-<aside><p>You'll need to have <a href="https://nodejs.org/">Node.js</a> installed, and know how to use the terminal</p></aside>
-
-At some point, your app will outgrow the REPL. Click the **download** button to save a `svelte-app.zip` file to your computer and uncompress it.
-
-Open a terminal window and set the project up...
-
-```bash
-cd /path/to/svelte-app
-npm install
-```
-
-...then start up a development server:
-
-```bash
-npm run dev
-```
-
-This will serve your app on [localhost:8080](http://localhost:8080) and rebuild it with [Rollup](https://rollupjs.org) every time you make a change to the files in `svelte-app/src`.
-
-## 2. Use degit
-
-When you download from the REPL, you're getting a customised version of the [sveltejs/template](https://github.com/sveltejs/template) repo. You can skip messing around with zip files by using [degit](https://github.com/Rich-Harris/degit), a project scaffolding tool.
-
-In the terminal, you can instantly create a new project like so:
-
-```bash
-npx degit sveltejs/template my-svelte-project
-cd my-svelte-project
-# to use TypeScript run:
-# node scripts/setupTypeScript.js
-
-npm install
-npm run dev
-```
-
-This will create a new project in the `my-svelte-project` directory, install its dependencies, and start a server on http://localhost:8080.
-
-You can find more information about using TypeScript [here](/blog/svelte-and-typescript).
-
-Once you've tinkered a bit and understood how everything fits together, you can fork [sveltejs/template](https://github.com/sveltejs/template) and start doing this instead:
-
-```bash
-npx degit your-name/template my-new-project
-```
-
-And that's it! Do `npm run build` to create a production-ready version of your app, and check the project template's [README](https://github.com/sveltejs/template/blob/master/README.md) for instructions on how to easily deploy your app to the web with [Vercel](https://vercel.com) or [Surge](http://surge.sh/).
-
-You're not restricted to using Rollup — there are also integrations for [webpack](https://github.com/sveltejs/svelte-loader), [Browserify](https://github.com/tehshrike/sveltify) and others, or you can use the [Svelte CLI](https://github.com/sveltejs/svelte-cli) (Update from 2019: with Svelte 3 the CLI was deprecated and we now use [sirv-cli](https://www.npmjs.com/package/sirv-cli) in our template. Feel free to use whatever tool you like!) or the [API](https://github.com/sveltejs/svelte/tree/v2#api) directly. If you make a project template using one of these tools, please share it with the [Svelte Discord chatroom](chat), or via [@sveltejs](https://twitter.com/sveltejs) on Twitter!
diff --git a/site/content/blog/2017-09-06-the-zen-of-just-writing-css.md b/site/content/blog/2017-09-06-the-zen-of-just-writing-css.md
deleted file mode 100644
index 2bf3a2e8a55..00000000000
--- a/site/content/blog/2017-09-06-the-zen-of-just-writing-css.md
+++ /dev/null
@@ -1,78 +0,0 @@
----
-title: The zen of Just Writing CSS
-description: I would say this is the future, but we're already doing it.
-author: Rich Harris
-authorURL: https://twitter.com/Rich_Harris
----
-
-It's fashionable to dislike CSS. There are lots of reasons why that's the case, but it boils down to this: CSS is *unpredictable*. If you've never had the experience of tweaking a style rule and accidentally breaking some layout that you thought was completely unrelated — usually when you're trying to ship — then you're either new at this or you're a much better programmer than the rest of us.
-
-So the JavaScript community rolled up its sleeves and got to work. Over the last couple of years, there's been a Cambrian explosion of libraries aimed at making CSS behave, collectively referred to as *CSS-in-JS*.
-
-What you might not realise is that **the biggest problems with CSS can be solved without CSS-in-JS**. Without those problems, writing CSS isn't just tolerable — it's enjoyable. And you don't have to find solutions to the additional problems that CSS-in-JS introduces.
-
-This article isn't in any way intended as criticism of the hard work the CSS-in-JS community has done. It's one of the most active corners of the JS ecosystem, and new ideas are springing up every week. Instead, my purpose is to illustrate why an alternative approach — based on Single File Components with real CSS — is so damn delightful.
-
-
-## The biggest problem with CSS
-
-Everything in CSS is global. Because of that, styles intended for one bit of markup often end up affecting another. Because of *that*, developers often resort to wild namespacing conventions (not 'rules', since they're very difficult to enforce) that mostly just increase your risk of RSI.
-
-It gets worse when you're working on a team. No-one dares touch styles authored by someone else, because it's often unclear what they're doing, what markup they apply to, and what disasters will unfold if you remove them.
-
-The consequence of all this is the **append-only stylesheet**. There's no way of knowing which code can safely be removed, so it's common to undo some existing style with another, more specific style — even on relatively small projects.
-
-
-## Single File Components change all that
-
-The idea behind SFCs is simple: you write your components in an HTML file that (optionally) contains a `<style>` and `<script>` attribute describing the component's styles and behaviour. Svelte, Ractive, Vue and Polymer all follow this basic pattern.
-
-<aside>
-	<p><a href="/blog/frameworks-without-the-framework">Read the introductory blog post</a> if you're new to Svelte. Or <a href="https://twitter.com/padolsey/status/899717303234908160">read</a> <a href="https://twitter.com/sveltejs/status/901818357644701696">the</a> <a href="https://twitter.com/sveltejs/status/901818106309476352">testimonials</a>.</p>
-</aside>
-
-(For the rest of this article we'll be using Svelte, obviously. But if the idea of using a template language makes you shudder — your fears are misplaced, but that's a topic for another day — then just use Vue which lets you use JSX in your SFCs.)
-
-Several wonderful things happen as a result:
-
-* Your styles are *scoped to the component*. No more leakage, no more unpredictable cascade. And no more sesquipedalian classnames designed to prevent conflicts.
-* You don't need to go spelunking through your folder structure to find the rules that are breaking your stuff.
-* The compiler (in Svelte's case) can **identify and remove unused styles**. No more append-only stylesheets!
-
-Let's see what that looks like in practice.
-
-<figure>
-	<video controls poster='https://svelte-technology-assets.surge.sh/just-write-css.jpg'>
-		<source type='video/mp4' src='https://svelte-technology-assets.surge.sh/just-write-css.mp4'>
-	</video>
-
-	<figcaption>
-		Is this what they mean by 'use the platform'?
-	</figcaption>
-</figure>
-
-Every code editor already knows about CSS, so there's a good chance that you'll get autocomplete, linting, syntax highlighting and so on — all without additional JS-fatigue-inducing tools.
-
-And because it's real CSS, rather than some camelCased quotes-everywhere impostor, we can take advantage of the 'tweak in devtools, paste back into our source code' workflow, which I personally couldn't live without. Notice that we get CSS sourcemaps out of the box, so you can instantly pinpoint the lines in question. It's hard to overstate the importance of this: when you're in WYSIWYG mode, you're not thinking in terms of your component tree, so having a robust way to figure out *where these damn styles came from* is essential. Doubly so if someone else originally wrote the component. (I promise you, this is the single biggest productivity boost to your CSS workflow. If you're writing styles without sourcemaps, you are almost certainly wasting a lot of time. I know I was.)
-
-Svelte transforms your selectors (using an attribute that's also applied to affected elements, though the exact mechanism is unimportant and subject to change) to achieve the scoping. It warns on and removes any unused rules, then it minifies the result and lets you write it out to a `.css` file. There's also an experimental new option to compile to web components, using shadow DOM to encapsulate the styles, if that's your jam.
-
-This is all possible because your CSS is parsed (with [css-tree](https://github.com/csstree/csstree)) and statically analysed in the context of your markup. Static analysis opens the doors to all kinds of exciting future possibilities — smarter optimisations, a11y hints — that are much harder if your styles are computed dynamically at runtime. We're just getting started.
-
-
-## But we can add tools to do [x]!
-
-If your reaction to the video was 'fine, but if we use TypeScript and write plugins for each editor then we can get all the autocomplete and syntax highlighting stuff' — in other words, if you believe that in order to achieve parity with CSS it makes sense to build, document, promote and maintain a fleet of ancillary projects — then, well, you and I may never see eye to eye!
-
-
-## We don't have all the answers — yet
-
-Having said all that, CSS-in-JS does point to answers to some lingering questions:
-
-* How can we install styles from npm?
-* How can we reuse constants that are defined in a single place?
-* How can we compose declarations?
-
-Personally, I haven't found these issues to outweigh the benefits of the approach outlined above. You may well have a different set of priorities, and they may be reason enough for you to abandon CSS.
-
-But at the end of the day, you have to know CSS anyway. Love it or loathe it, you must at least *learn* it. As custodians of the web, we have a choice: create abstractions that steepen the web dev learning curve yet further, or work together to fix the bad parts of CSS. I know which I choose.
diff --git a/site/content/blog/2017-12-31-sapper-towards-the-ideal-web-app-framework.md b/site/content/blog/2017-12-31-sapper-towards-the-ideal-web-app-framework.md
deleted file mode 100644
index 42ed7012b91..00000000000
--- a/site/content/blog/2017-12-31-sapper-towards-the-ideal-web-app-framework.md
+++ /dev/null
@@ -1,84 +0,0 @@
----
-title: "Sapper: Towards the ideal web app framework"
-description: Taking the next-plus-one step
-author: Rich Harris
-authorURL: https://twitter.com/Rich_Harris
----
-
-> Quickstart for the impatient: [the Sapper docs](https://sapper.svelte.dev), and the [starter template](https://github.com/sveltejs/sapper-template)
-
-If you had to list the characteristics of the perfect Node.js web application framework, you'd probably come up with something like this:
-
-1. It should do server-side rendering, for fast initial loads and no caveats around SEO
-2. As a corollary, your app's codebase should be universal — write once for server *and* client
-3. The client-side app should *hydrate* the server-rendered HTML, attaching event listeners (and so on) to existing elements rather than re-rendering them
-4. Navigating to subsequent pages should be instantaneous
-5. Offline, and other Progressive Web App characteristics, must be supported out of the box
-6. Only the JavaScript and CSS required for the first page should load initially. That means the framework should do automatic code-splitting at the route level, and support dynamic `import(...)` for more granular manual control
-7. No compromise on performance
-8. First-rate developer experience, with hot module reloading and all the trimmings
-9. The resulting codebase should be easy to grok and maintain
-10. It should be possible to understand and customise every aspect of the system — no webpack configs locked up in the framework, and as little hidden 'plumbing' as possible
-11. Learning the entire framework in under an hour should be easy, and not just for experienced developers
-
-[Next.js](https://github.com/zeit/next.js) is close to this ideal. If you haven't encountered it yet, I strongly recommend going through the tutorials at [learnnextjs.com](https://learnnextjs.com). Next introduced a brilliant idea: all the pages of your app are files in a `your-project/pages` directory, and each of those files is just a React component.
-
-Everything else flows from that breakthrough design decision. Finding the code responsible for a given page is easy, because you can just look at the filesystem rather than playing 'guess the component name'. Project structure bikeshedding is a thing of the past. And the combination of SSR (server-side rendering) and code-splitting — something the React Router team [gave up on](https://reacttraining.com/react-router/web/guides/code-splitting), declaring 'Godspeed those who attempt the server-rendered, code-split apps' — is trivial.
-
-But it's not perfect. As churlish as it might be to list the flaws in something *so, so good*, there are some:
-
-* Next uses something called 'route masking' to create nice URLs (e.g. `/blog/hello-world` instead of `/post?slug=hello-world`). This undermines the guarantee about directory structure corresponding to app structure, and forces you to maintain configuration that translates between the two forms
-* All your routes are assumed to be universal 'pages'. But it's very common to need routes that only render on the server, such as a 301 redirect or an [API endpoint](/blog/sapper-towards-the-ideal-web-app-framework.json) that serves the data for your pages, and Next doesn't have a great solution for this. You can add logic to your `server.js` file to handle these cases, but it feels at odds with the declarative approach taken for pages
-* To use the client-side router, links can't be standard `<a>` tags. Instead, you have to use framework-specific `<Link>` components, which is impossible in the markdown content for a blog post such as this one, for example
-
-The real problem, though, is that all that goodness comes for a price. The simplest possible Next app — a single 'hello world' page that renders some static text — involves 66kb of gzipped JavaScript. Unzipped, it's 204kb, which is a non-trivial amount of code for a mobile device to parse at a time when performance is a critical factor determining whether or not your users will stick around. And that's the *baseline*.
-
-We can do better!
-
-
-## The compiler-as-framework paradigm shift
-
-[Svelte introduced a radical idea](/blog/frameworks-without-the-framework): what if your UI framework wasn't a framework at all, but a compiler that turned your components into standalone JavaScript modules? Instead of using a library like React or Vue, which knows nothing about your app and must therefore be a one-size-fits-all solution, we can ship highly-optimised vanilla JavaScript. Just the code your app needs, and without the memory and performance overhead of solutions based on a virtual DOM.
-
-The JavaScript world is [moving towards this model](https://tomdale.net/2017/09/compilers-are-the-new-frameworks/). [Stencil](https://stenciljs.com), a Svelte-inspired framework from the Ionic team, compiles to web components. [Glimmer](https://glimmerjs.com) *doesn't* compile to standalone JavaScript (the pros and cons of which deserve a separate blog post), but the team is doing some fascinating research around compiling templates to bytecode. (React is [getting in on the action](https://twitter.com/trueadm/status/944908776896978946), though their current research focuses on optimising your JSX app code, which is arguably more similar to the ahead-of-time optimisations that Angular, Ractive and Vue have been doing for a few years.)
-
-What happens if we use the new model as a starting point?
-
-
-## Introducing Sapper
-
-<aside><p>The <a href="https://sapper.svelte.dev/docs#Why_the_name">name comes from</a> the term for combat engineers, and is also short for Svelte app maker</p></aside>
-
-[Sapper](https://sapper.svelte.dev) is the answer to that question. **Sapper is a Next.js-style framework that aims to meet the eleven criteria at the top of this article while dramatically reducing the amount of code that gets sent to the browser.** It's implemented as Express-compatible middleware, meaning it's easy to understand and customise.
-
-The same 'hello world' app that took 204kb with React and Next weighs just 7kb with Sapper. That number is likely to fall further in the future as we explore the space of optimisation possibilities, such as not shipping any JavaScript *at all* for pages that aren't interactive, beyond the tiny Sapper runtime that handles client-side routing.
-
-What about a more 'real world' example? Conveniently, the [RealWorld](https://github.com/gothinkster/realworld) project, which challenges frameworks to develop an implementation of a Medium clone, gives us a way to find out. The [Sapper implementation](https://github.com/sveltejs/realworld) takes 39.6kb (11.8kb zipped) to render an interactive homepage.
-
-<aside><p>Code-splitting isn't free — if the reference implementation used code-splitting, it would be larger still</p></aside>
-
-The entire app costs 132.7kb (39.9kb zipped), which is significantly smaller than the reference React/Redux implementation at 327kb (85.7kb), but even if it was as large it would *feel* faster because of code-splitting. And that's a crucial point. We're told we need to code-split our apps, but if your app uses a traditional framework like React or Vue then there's a hard lower bound on the size of your initial code-split chunk — the framework itself, which is likely to be a significant portion of your total app size. With the Svelte approach, that's no longer the case.
-
-But size is only part of the story. Svelte apps are also extremely performant and memory-efficient, and the framework includes powerful features that you would sacrifice if you chose a 'minimal' or 'simple' UI library.
-
-
-## Trade-offs
-
-The biggest drawback for many developers evaluating Sapper would be 'but I like React, and I already know how to use it', which is fair.
-
-If you're in that camp, I'd invite you to at least try alternative frameworks. You might be pleasantly surprised! The [Sapper RealWorld](https://github.com/sveltejs/realworld) implementation totals 1,201 lines of source code, compared to 2,377 for the reference implementation, because you're able to express concepts very concisely using Svelte's template syntax (which [takes all of five minutes to master](https://v2.svelte.dev/guide#template-syntax)). You get [scoped CSS](/blog/the-zen-of-just-writing-css), with unused style removal and minification built-in, and you can use preprocessors like LESS if you want. You no longer need to use Babel. SSR is ridiculously fast, because it's just string concatenation. And we recently introduced [svelte/store](https://v2.svelte.dev/guide#state-management), a tiny global store that synchronises state across your component hierarchy with zero boilerplate. The worst that can happen is that you'll end up feeling vindicated!
-
-But there are trade-offs nonetheless. Some people have a pathological aversion to any form of 'template language', and maybe that applies to you. JSX proponents will clobber you with the 'it's just JavaScript' mantra, and therein lies React's greatest strength, which is that it is infinitely flexible. That flexibility comes with its own set of trade-offs, but we're not here to discuss those.
-
-And then there's *ecosystem*. The universe around React in particular — the devtools, editor integrations, ancillary libraries, tutorials, StackOverflow answers, hell, even job opportunities — is unrivalled. While it's true that citing 'ecosystem' as the main reason to choose a tool is a sign that you're stuck on a local maximum, apt to be marooned by the rising waters of progress, it's still a major point in favour of incumbents.
-
-
-## Roadmap
-
-We're not at version 1.0.0 yet, and a few things may change before we get there. Once we do (soon!), there are a lot of exciting possibilities.
-
-I believe the next frontier of web performance is 'whole-app optimisation'. Currently, Svelte's compiler operates at the component level, but a compiler that understood the boundaries *between* those components could generate even more efficient code. The React team's [Prepack research](https://twitter.com/trueadm/status/944908776896978946) is predicated on a similar idea, and the Glimmer team is doing some interesting work in this space. Svelte and Sapper are well positioned to take advantage of these ideas.
-
-Speaking of Glimmer, the idea of compiling components to bytecode is one that we'll probably steal in 2018. A framework like Sapper could conceivably determine which compilation mode to use based on the characteristics of your app. It could even serve JavaScript for the initial route for the fastest possible startup time, then lazily serve a bytecode interpreter for subsequent routes, resulting in the optimal combination of startup size and total app size.
-
-Mostly, though, we want the direction of Sapper to be determined by its users. If you're the kind of developer who enjoys life on the bleeding edge and would like to help shape the future of how we build web apps, please join us on [GitHub](https://github.com/sveltejs/svelte) and [Discord](chat).
diff --git a/site/content/blog/2018-04-18-version-2.md b/site/content/blog/2018-04-18-version-2.md
deleted file mode 100644
index cbfe98b282c..00000000000
--- a/site/content/blog/2018-04-18-version-2.md
+++ /dev/null
@@ -1,204 +0,0 @@
----
-title: Svelte v2 is out!
-description: Here's what you need to know
-author: Rich Harris
-authorURL: https://twitter.com/Rich_Harris
----
-
-<aside>Our motto is 'move slowly and break things'. No, wait, that came out wrong...</aside>
-
-Almost a year after we first started talking about version 2 on the Svelte issue tracker, it's finally time to make some breaking changes. This blog post will explain what changed, why it changed, and what you need to do to bring your apps up to date.
-
-
-## tl;dr
-
-Each of these items is described in more depth below. If you get stuck, ask for help in our friendly [Discord chatroom](chat).
-
-- Install Svelte v2 from npm
-- Upgrade your templates with [svelte-upgrade](https://github.com/sveltejs/svelte-upgrade)
-- Remove calls to `component.observe`, or add the `observe` method from [svelte-extras](https://github.com/sveltejs/svelte-extras)
-- Rewrite calls to `component.get('foo')` as `component.get().foo`
-- Return `destroy` from your custom event handlers, rather than `teardown`
-- Make sure you're not passing numeric string props to components
-
-
-## New template syntax
-
-The most visible change: we've made some improvements to the template syntax.
-
-A common piece of feedback we heard was 'ewww, Mustache' or 'ewww, Handlebars'. A lot of people who used string-based templating systems in a previous era of web development *really* dislike them. Because Svelte adopted the `{{curlies}}` from those languages, a lot of people assumed that we somehow shared the limitations of those tools, such as weird scoping rules or an inability to use arbitrary JavaScript expressions.
-
-<aside>If you need to show an actual `{` character, it's as easy as `&amp;#123;`</aside>
-
-Beyond that, JSX proved that double curlies are unnecessary. So we've made our templates more... svelte, by adopting single curlies. The result feels much lighter to look at and is more pleasant to type:
-
-```html
-<h1>Hello {name}!</h1>
-```
-
-There are a few other updates. But you don't need to make them manually — just run [svelte-upgrade](https://github.com/sveltejs/svelte-upgrade) on your codebase:
-
-```bash
-npx svelte-upgrade v2 src
-```
-
-This assumes any `.html` files in `src` are Svelte components. You can specify whichever directory you like, or target a different directory — for example, you'd do `npx svelte-upgrade v2 routes` to update a [Sapper](https://sapper.svelte.technology) app.
-
-To see the full set of changes, consult the [svelte-upgrade README](https://github.com/sveltejs/svelte-upgrade#svelte-v2-syntax-changes).
-
-
-## Computed properties
-
-Another thing that people often found confusing about Svelte is the way computed properties work. To recap, if you had a component with this...
-
-```js
-export default {
-	computed: {
-		d: (a, b, c) => a = b + c
-	}
-};
-```
-
-...then Svelte would first look at the function arguments to see which values `d` depended on, and then it would write code that updated `d` whenever those values changed, by injecting them into the function. That's cool, because it allows you to derive complex values from your component's inputs without worrying about when they need to recomputed, but it's also... *weird*. JavaScript doesn't work that way!
-
-In v2, we use [destructuring](http://www.jstips.co/en/javascript/use-destructuring-in-function-parameters/) instead:
-
-```js
-export default {
-	computed: {
-		d: ({ a, b, c }) => a = b + c
-	}
-};
-```
-
-The Svelte compiler can still see which values `d` depends on, but it's no longer injecting values — it just passes the component state object into each computed property.
-
-Again, you don't need to make this change manually — just run svelte-upgrade on your components, as shown above.
-
-
-## Sorry, IE11. It's not you, it's... well actually, yeah. It's you
-
-Svelte v1 was careful to only emit ES5 code, so that you wouldn't be forced to faff around with transpilers in order to use it. But it's 2018 now, and almost all browsers support modern JavaScript. By ditching the ES5 constraint, we can generate leaner code.
-
-If you need to support IE11 and friends, you will need to use a transpiler like [Babel](https://babeljs.io/repl) or [Bublé](https://buble.surge.sh/).
-
-
-## New lifecycle hooks
-
-In addition to `oncreate` and `ondestroy`, Svelte v2 adds two more [lifecycle hooks](https://v2.svelte.dev/guide#lifecycle-hooks) for responding to state changes:
-
-```js
-export default {
-	onstate({ changed, current, previous }) {
-		// this fires before oncreate, and
-		// whenever state changes
-	},
-
-	onupdate({ changed, current, previous }) {
-		// this fires after oncreate, and
-		// whenever the DOM has been updated
-		// following a state change
-	}
-};
-```
-
-You can also listen to those events programmatically:
-
-```js
-component.on('state', ({ changed, current, previous }) => {
-	// ...
-});
-```
-
-
-## component.observe
-
-With the new lifecycle hooks, we no longer need the `component.observe(...)` method:
-
-```js
-// before
-export default {
-	oncreate() {
-		this.observe('foo', foo => {
-			console.log(`foo is now ${foo}`);
-		});
-	}
-};
-
-// after
-export default {
-	onstate({ changed, current }) {
-		if (changed.foo) {
-			console.log(`foo is now ${current.foo}`);
-		}
-	}
-};
-```
-
-This shrinks the amount of code Svelte needs to generate, and gives you more flexibility. For example, it's now very easy to take action when any one of *several* properties have changed, such as redrawing a canvas without debouncing several observers.
-
-However, if you prefer to use `component.observe(...)`, then you can install it from [svelte-extras](https://github.com/sveltejs/svelte-extras):
-
-```js
-import { observe } from 'svelte-extras';
-
-export default {
-	methods: {
-		observe
-	}
-};
-```
-
-
-## component.get
-
-This method no longer takes an optional `key` argument — instead, it always returns the entire state object:
-
-```js
-// before
-const foo = this.get('foo');
-const bar = this.get('bar');
-
-// after
-const { foo, bar } = this.get();
-```
-
-This change might seem annoying initially, but it's the right move: among other things, it's likely to play better with type systems as we explore that space more fully in future.
-
-
-## event_handler.destroy
-
-If your app has [custom event handlers](https://v2.svelte.dev/guide#custom-event-handlers), they must return an object with a `destroy` method, *not* a `teardown` method (this aligns event handlers with the component API).
-
-
-## No more type coercion
-
-Previously, numeric values passed to components were treated as numbers:
-
-```html
-<Counter start='1'/>
-```
-
-That causes unexpected behaviour, and has been changed: if you need to pass a literal number, do so as an expression:
-
-```html
-<Counter start={1}/>
-```
-
-
-## Compiler changes
-
-In most cases you'll never need to deal with the compiler directly, so this shouldn't require any action on your part. It's worth noting anyway: the compiler API has changed. Instead of an object with a mish-mash of properties, the compiler now returns `js`, `css`, `ast` and `stats`:
-
-```js
-const { js, css, ast, stats } = svelte.compile(source, options);
-```
-
-`js` and `css` are both `{ code, map }` objects, where `code` is a string and `map` is a sourcemap. The `ast` is an abstract syntax tree of your component, and the `stats` object contains metadata about the component, and information about the compilation.
-
-Before, there was a `svelte.validate` method which checked your component was valid. That's been removed — if you want to check a component without actually compiling it, just pass the `generate: false` option.
-
-
-## My app is broken! Help!
-
-Hopefully this covers everything, and the update should be easier for you than it was for us. But if you find bugs, or discover things that aren't mentioned here, swing by [Discord chatroom](chat) or raise an issue on the [tracker](https://github.com/sveltejs/svelte/issues).
diff --git a/site/content/blog/2018-12-26-svelte-css-in-js.md b/site/content/blog/2018-12-26-svelte-css-in-js.md
deleted file mode 100644
index f77eb832064..00000000000
--- a/site/content/blog/2018-12-26-svelte-css-in-js.md
+++ /dev/null
@@ -1,29 +0,0 @@
----
-title: Using CSS-in-JS with Svelte
-description: You don't need to, but you can
-author: Rich Harris
-authorURL: https://twitter.com/Rich_Harris
----
-
-CSS is a core part of any web app. By extension, a UI framework that doesn't have a built-in way to add styles to your components is unfinished.
-
-That's why Svelte allows you to add CSS in a component's `<style>` tag. Co-locating your CSS with your markup means we can [solve the biggest problems developers face when writing CSS](/blog/the-zen-of-just-writing-css) without introducing new ones, all while providing a rather nice development experience.
-
-But Svelte's style handling does have some limitations. It's too difficult to share styles between components, or apply app-level optimisations. These are areas we plan to address in future versions, but in the meantime if you need those things you can use any framework-agnostic CSS-in-JS library.
-
-
-## For example
-
-Here, we're using [Emotion](https://emotion.sh) to generate scoped class names that can be used across multiple components:
-
-<div class="max">
-	<iframe
-		title="Aphrodite example"
-		src="/repl/embed?example=blog-svelte-css-in-js"
-		scrolling="no"
-	></iframe>
-</div>
-
-It's important to note that most CSS-in-JS libraries have a runtime library, and many don't support statically extracting styles out into a separate <code>.css</code> file at build time (which is essential for the best performance). You should therefore only use CSS-in-JS if it's necessary for your application!
-
-Note that you can mix-and-match — you can still use Svelte's built-in CSS handling alongside a CSS-in-JS library.
diff --git a/site/content/blog/2018-12-27-virtual-dom-is-pure-overhead.md b/site/content/blog/2018-12-27-virtual-dom-is-pure-overhead.md
deleted file mode 100644
index 199ae2aa66e..00000000000
--- a/site/content/blog/2018-12-27-virtual-dom-is-pure-overhead.md
+++ /dev/null
@@ -1,149 +0,0 @@
----
-title: Virtual DOM is pure overhead
-description: Let's retire the 'virtual DOM is fast' myth once and for all
-author: Rich Harris
-authorURL: https://twitter.com/Rich_Harris
----
-
-If you've used JavaScript frameworks in the last few years, you've probably heard the phrase 'the virtual DOM is fast', often said to mean that it's faster than the *real* DOM. It's a surprisingly resilient meme — for example people have asked how Svelte can be fast when it doesn't use a virtual DOM.
-
-It's time to take a closer look.
-
-
-## What is the virtual DOM?
-
-In many frameworks, you build an app by creating `render()` functions, like this simple [React](https://reactjs.org/) component:
-
-```js
-function HelloMessage(props) {
-	return (
-		<div className="greeting">
-			Hello {props.name}
-		</div>
-	);
-}
-```
-
-You can do the same thing without JSX...
-
-```js
-function HelloMessage(props) {
-	return React.createElement(
-		'div',
-		{ className: 'greeting' },
-		'Hello ',
-		props.name
-	);
-}
-```
-
-...but the result is the same — an object representing how the page should now look. That object is the virtual DOM. Every time your app's state updates (for example when the `name` prop changes), you create a new one. The framework's job is to *reconcile* the new one against the old one, to figure out what changes are necessary and apply them to the real DOM.
-
-
-## How did the meme start?
-
-Misunderstood claims about virtual DOM performance date back to the launch of React. In [Rethinking Best Practices](https://www.youtube.com/watch?v=x7cQ3mrcKaY), a seminal 2013 talk by former React core team member Pete Hunt, we learned the following:
-
-> This is actually extremely fast, primarily because most DOM operations tend to be slow. There's been a lot of performance work on the DOM, but most DOM operations tend to drop frames.
-
-<figure>
-	<img alt="Pete Hunt at JSConfEU 2013" src="/media/rethinking-best-practices.jpg">
-	<figcaption>Screenshot from <a href="https://www.youtube.com/watch?v=x7cQ3mrcKaY">Rethinking Best Practices</a> at JSConfEU 2013</figcaption>
-</figure>
-
-But hang on a minute! The virtual DOM operations are *in addition to* the eventual operations on the real DOM. The only way it could be faster is if we were comparing it to a less efficient framework (there were plenty to go around back in 2013!), or arguing against a straw man — that the alternative is to do something no-one actually does:
-
-```js
-onEveryStateChange(() => {
-	document.body.innerHTML = renderMyApp();
-});
-```
-
-Pete clarifies soon after...
-
-> React is not magic. Just like you can drop into assembler with C and beat the C compiler, you can drop into raw DOM operations and DOM API calls and beat React if you wanted to. However, using C or Java or JavaScript is an order of magnitude performance improvement because you don't have to worry...about the specifics of the platform. With React you can build applications without even thinking about performance and the default state is fast.
-
-...but that's not the part that stuck.
-
-
-
-## So... is the virtual DOM *slow*?
-
-Not exactly. It's more like 'the virtual DOM is usually fast enough', but with certain caveats.
-
-The original promise of React was that you could re-render your entire app on every single state change without worrying about performance. In practice, I don't think that's turned out to be accurate. If it was, there'd be no need for optimisations like `shouldComponentUpdate` (which is a way of telling React when it can safely skip a component).
-
-Even with `shouldComponentUpdate`, updating your entire app's virtual DOM in one go is a lot of work. A while back, the React team introduced something called React Fiber which allows the update to be broken into smaller chunks. This means (among other things) that updates don't block the main thread for long periods of time, though it doesn't reduce the total amount of work or the time an update takes.
-
-
-## Where does the overhead come from?
-
-Most obviously, [diffing isn't free](https://twitter.com/pcwalton/status/1015694528857047040). You can't apply changes to the real DOM without first comparing the new virtual DOM with the previous snapshot. To take the earlier `HelloMessage` example, suppose the `name` prop changed from 'world' to 'everybody'.
-
-1. Both snapshots contain a single element. In both cases it's a `<div>`, which means we can keep the same DOM node
-2. We enumerate all the attributes on the old `<div>` and the new one to see if any need to be changed, added or removed. In both cases we have a single attribute — a `className` with a value of `"greeting"`
-3. Descending into the element, we see that the text has changed, so we'll need to update the real DOM
-
-Of these three steps, only the third has value in this case, since — as is the case in the vast majority of updates — the basic structure of the app is unchanged. It would be much more efficient if we could skip straight to step 3:
-
-```js
-if (changed.name) {
-	text.data = name;
-}
-```
-
-(This is almost exactly the update code that Svelte generates. Unlike traditional UI frameworks, Svelte is a compiler that knows at *build time* how things could change in your app, rather than waiting to do the work at *run time*.)
-
-
-## It's not just the diffing though
-
-The diffing algorithms used by React and other virtual DOM frameworks are fast. Arguably, the greater overhead is in the components themselves. You wouldn't write code like this...
-
-```js
-function StrawManComponent(props) {
-	const value = expensivelyCalculateValue(props.foo);
-
-	return (
-		<p>the value is {value}</p>
-	);
-}
-```
-
-...because you'd be carelessly recalculating `value` on every update, regardless of whether `props.foo` had changed. But it's extremely common to do unnecessary computation and allocation in ways that seem much more benign:
-
-```js
-function MoreRealisticComponent(props) {
-	const [selected, setSelected] = useState(null);
-
-	return (
-		<div>
-			<p>Selected {selected ? selected.name : 'nothing'}</p>
-
-			<ul>
-				{props.items.map(item =>
-					<li>
-						<button onClick={() => setSelected(item)}>
-							{item.name}
-						</button>
-					</li>
-				)}
-			</ul>
-		</div>
-	);
-}
-```
-
-Here, we're generating a new array of virtual `<li>` elements — each with their own inline event handler — on every state change, regardless of whether `props.items` has changed. Unless you're unhealthily obsessed with performance, you're not going to optimise that. There's no point. It's plenty fast enough. But you know what would be even faster? *Not doing that.*
-
-<aside><p><a href="https://reactjs.org/docs/hooks-intro.html">React Hooks</a> doubles down on defaulting to doing unnecessary work, with <a href="https://twitter.com/thekitze/status/1078582382201131008">predictable results</a>.</p></aside>
-
-The danger of defaulting to doing unnecessary work, even if that work is trivial, is that your app will eventually succumb to 'death by a thousand cuts' with no clear bottleneck to aim at once it's time to optimise.
-
-Svelte is explicitly designed to prevent you from ending up in that situation.
-
-
-## Why do frameworks use the virtual DOM then?
-
-It's important to understand that virtual DOM *isn't a feature*. It's a means to an end, the end being declarative, state-driven UI development. Virtual DOM is valuable because it allows you to build apps without thinking about state transitions, with performance that is *generally good enough*. That means less buggy code, and more time spent on creative tasks instead of tedious ones.
-
-But it turns out that we can achieve a similar programming model without using virtual DOM — and that's where Svelte comes in.
diff --git a/site/content/blog/2019-01-31-svelte-on-the-changelog.md b/site/content/blog/2019-01-31-svelte-on-the-changelog.md
deleted file mode 100644
index 0b8e1894e42..00000000000
--- a/site/content/blog/2019-01-31-svelte-on-the-changelog.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Svelte on The Changelog
-description: Listen to the interview here
-author: Rich Harris
-authorURL: https://twitter.com/Rich_Harris
----
-
-Earlier this month, I had the privilege of appearing on [The Changelog](https://changelog.com/podcast), a podcast about software development. We had a fun (for me) and wide-ranging conversation:
-
-* life as a coder inside a newsroom
-* the big compilers-as-frameworks trend
-* scalability
-* the [Great Divide](https://css-tricks.com/the-great-divide/)
-
-...and, most importantly, Svelte 3.
-
-Unless you hang out in our [Discord server](chat) or follow [@sveltejs](https://twitter.com/sveltejs) on Twitter, you might not know that Svelte 3 is just around the corner, and it's going to be a huge release. We've rethought the developer experience from the ground up, and while it *will* be a nuisance if you need to upgrade a Svelte 2 app (more on that soon) we think you're going to love it.
-
-On the podcast [Adam](https://twitter.com/adamstac), [Jerod](https://twitter.com/jerodsanto) and I talk about some of the changes and why we're making them. You can listen here or on the [podcast page](https://changelog.com/podcast/332).
-
-<audio data-theme="night" style="width: 100%" data-src="https://changelog.com/podcast/332/embed" src="https://cdn.changelog.com/uploads/podcast/332/the-changelog-332.mp3" preload="none" class="changelog-episode" controls></audio><p><a href="https://changelog.com/podcast/332">The Changelog 332: A UI framework without the framework</a> – Listen on <a href="https://changelog.com/">Changelog.com</a></p><script async src="//cdn.changelog.com/embed.js"></script>
diff --git a/site/content/blog/2019-04-15-setting-up-your-editor.md b/site/content/blog/2019-04-15-setting-up-your-editor.md
deleted file mode 100644
index 65d02346454..00000000000
--- a/site/content/blog/2019-04-15-setting-up-your-editor.md
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: Setting up your editor
-description: Instructions for configuring linting and syntax highlighting
-author: Rich Harris
-authorURL: https://twitter.com/Rich_Harris
-draft: true
----
-
-*__Coming soon__*
-
-This post will walk you through setting up your editor so that it recognises Svelte files:
-
-* eslint-plugin-svelte3
-* svelte-vscode
-* associating .svelte files with HTML in VSCode, Sublime, etc.
-
-## Atom
-
-To treat `*.svelte` files as HTML, open *__Edit → Config...__* and add the following lines to your `core` section:
-
-```cson
-"*":
-  core:
-    …
-    customFileTypes:
-	    "text.html.basic": [
-        "svelte"
-      ]
-```
-
-## Vim/Neovim
-
-You can use the [coc-svelte extension](https://github.com/coc-extensions/coc-svelte) which utilises the official language-server.
-
-As an alternative you can treat all `*.svelte` files as HTML. Add the following line to your `init.vim`:
-
-```
-au! BufNewFile,BufRead *.svelte set ft=html
-```
-
-To temporarily turn on HTML syntax highlighting for the current buffer, use:
-
-```
-:set ft=html
-```
-
-To set the filetype for a single file, use a [modeline](https://vim.fandom.com/wiki/Modeline_magic):
-
-```
-<!-- vim: set ft=html :-->
-```
-
-## Visual Studio Code
-
-We recommend using the official [Svelte for VS Code extension](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode).
-
-## JetBrains WebStorm
-
-The [Svelte Framework Integration](https://plugins.jetbrains.com/plugin/12375-svelte/) can be used to add support for Svelte to WebStorm, or other Jetbrains IDEs. Consult the [WebStorm plugin installation guide](https://www.jetbrains.com/help/webstorm/managing-plugins.html) on the JetBrains website for more details.
-
-## Sublime Text 3
-
-Open any `.svelte` file.
-
-Go to *__View → Syntax → Open all with current extension as... → HTML__*.
diff --git a/site/content/blog/2019-04-16-svelte-for-new-developers.md b/site/content/blog/2019-04-16-svelte-for-new-developers.md
deleted file mode 100644
index c4ff4716e3f..00000000000
--- a/site/content/blog/2019-04-16-svelte-for-new-developers.md
+++ /dev/null
@@ -1,107 +0,0 @@
----
-title: Svelte for new developers
-description: Never used Node.js or the command line? No problem
-author: Rich Harris
-authorURL: https://twitter.com/Rich_Harris
----
-
-This short guide is designed to help you — someone who has looked at the [tutorial](/tutorial) and wants to start creating Svelte apps, but doesn't have a ton of experience using JavaScript build tooling — get up and running.
-
-If there are things that don't make sense, or that we're glossing over, feel free to [raise an issue](https://github.com/sveltejs/svelte/issues) or [suggest edits to this page](https://github.com/sveltejs/svelte/blob/master/site/content/blog/2019-04-16-svelte-for-new-developers.md) that will help us help more people.
-
-If you get stuck at any point following this guide, the best place to ask for help is in the [chatroom](https://svelte.dev/chat).
-
-
-## First things first
-
-You'll be using the *command line*, also known as the terminal. On Windows, you can access it by running **Command Prompt** from the Start menu; on a Mac, hit `Cmd` and `Space` together to bring up **Spotlight**, then start typing `Terminal.app`. On most Linux systems, `Ctrl-Alt-T` brings up the command line.
-
-The command line is a way to interact with your computer (or another computer! but that's a topic for another time) with more power and control than the GUI (graphical user interface) that most people use day-to-day.
-
-Once on the command line, you can navigate the filesystem using `ls` (`dir` on Windows) to list the contents of your current directory, and `cd` to change the current directory. For example, if you had a `Development` directory of your projects inside your home directory, you would type
-
-```bash
-cd Development
-```
-
-to go to it. From there, you could create a new project directory with the `mkdir` command:
-
-```bash
-mkdir svelte-projects
-cd svelte-projects
-```
-
-A full introduction to the command line is out of the scope of this guide, but here are a few more useful commands:
-
-* `cd ..` — navigates to the parent of the current directory
-* `cat my-file.txt` — on Mac/Linux (`type my-file.txt` on Windows), lists the contents of `my-file.txt`
-* `open .` (or `start .` on Windows) — opens the current directory in Finder or File Explorer
-
-
-## Installing Node.js
-
-[Node](https://nodejs.org/en/) is a way to run JavaScript on the command line. It's used by many tools, including Svelte. If you don't yet have it installed, the easiest way is to download the latest version straight from the [website](https://nodejs.org/en/).
-
-Once installed, you'll have access to three new commands:
-
-* `node my-file.js` — runs the JavaScript in `my-file.js`
-* `npm [subcommand]` — [npm](https://www.npmjs.com/) is a way to install 'packages' that your application depends on, such as the [svelte](https://www.npmjs.com/package/svelte) package
-* `npx [subcommand]` — a convenient way to run programs available on npm without permanently installing them
-
-
-## Installing a text editor
-
-To write code, you need a good editor. The most popular choice is [Visual Studio Code](https://code.visualstudio.com/) or VSCode, and justifiably so — it's well-designed and fully-featured, and has a wealth of extensions ([including one for Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode), which provides syntax highlighting and diagnostic messages when you're writing components).
-
-
-## Creating a project
-
-We're going to follow the instructions in part two of [The easiest way to get started with Svelte](/blog/the-easiest-way-to-get-started).
-
-First, we'll use npx to run [degit](https://github.com/Rich-Harris/degit), a program for cloning project templates from [GitHub](https://github.com) and other code storage websites. You don't have to use a project template, but it means you have to do a lot less setup work. You will need to have [Git](https://git-scm.com/) installed in order to use degit. (Eventually you'll probably have to learn [Git](https://git-scm.com/) itself, which most programmers use to manage their projects.)
-
-On the command line, navigate to where you want to create a new project, then type the following lines (you can paste the whole lot, but you'll develop better muscle memory if you get into the habit of writing each line out one at a time then running it):
-
-```bash
-npx degit sveltejs/template my-svelte-project
-cd my-svelte-project
-npm install
-```
-
-This creates a new directory, `my-svelte-project`, adds files from the [sveltejs/template](https://github.com/sveltejs/template) code repository, and installs a number of packages from npm. Open the directory in your text editor and take a look around. The app's 'source code' lives in the `src` directory, while the files your app can load are in `public`.
-
-In the `package.json` file, there is a section called `"scripts"`. These scripts define shortcuts for working with your application — `dev`, `build` and `start`. To launch your app in development mode, type the following:
-
-```bash
-npm run dev
-```
-
-Running the `dev` script starts a program called [Rollup](https://rollupjs.org/guide/en/). Rollup's job is to take your application's source files (so far, just `src/main.js` and `src/App.svelte`), pass them to other programs (including Svelte, in our case) and convert them into the code that will actually run when you open the application in a browser.
-
-Speaking of which, open a browser and navigate to http://localhost:8080. This is your application running on a local *web server* (hence 'localhost') on port 8080.
-
-Try changing `src/App.svelte` and saving it. The application will reload with your changes.
-
-
-## Building your app
-
-In the last step, we were running the app in 'development mode'. In dev mode, Svelte adds extra code that helps with debugging, and Rollup skips the final step where your app's JavaScript is compressed using [Terser](https://terser.org/).
-
-When you share your app with the world, you want to build it in 'production mode', so that it's as small and efficient as possible for end users. To do that, use the `build` command:
-
-```bash
-npm run build
-```
-
-Your `public` directory now contains a compressed `bundle.js` file containing your app's JavaScript. You can run it like so:
-
-```bash
-npm run start
-```
-
-This will run the app on http://localhost:8080.
-
-
-## Next steps
-
-To share your app with the world you'll need to *deploy* it. There are many ways to do so — some are listed in the `README.md` file inside your project.
diff --git a/site/content/blog/2019-04-20-write-less-code.md b/site/content/blog/2019-04-20-write-less-code.md
deleted file mode 100644
index 97e020af90b..00000000000
--- a/site/content/blog/2019-04-20-write-less-code.md
+++ /dev/null
@@ -1,164 +0,0 @@
----
-title: Write less code
-description: The most important metric you're not paying attention to
-author: Rich Harris
-authorURL: https://twitter.com/Rich_Harris
----
-
-All code is buggy. It stands to reason, therefore, that the more code you have to write the buggier your apps will be.
-
-Writing more code also takes more time, leaving less time for other things like optimisation, nice-to-have features, or being outdoors instead of hunched over a laptop.
-
-In fact it's widely acknowledged that [project development time](https://blog.codinghorror.com/diseconomies-of-scale-and-lines-of-code/) and [bug count](https://www.mayerdan.com/ruby/2012/11/11/bugs-per-line-of-code-ratio) grow *quadratically*, not linearly, with the size of a codebase. That tracks with our intuitions: a ten-line pull request will get a level of scrutiny rarely applied to a 100-line one. And once a given module becomes too big to fit on a single screen, the cognitive effort required to understand it increases significantly. We compensate by refactoring and adding comments — activities that almost always result in *more* code. It's a vicious cycle.
-
-Yet while we obsess — rightly! — over performance numbers, bundle size and anything else we can measure, we rarely pay attention to the amount of code we're writing.
-
-
-## Readability is important
-
-I'm certainly not claiming that we should use clever tricks to scrunch our code into the most compact form possible at the expense of readability. Nor am I claiming that reducing *lines* of code is necessarily a worthwhile goal, since it encourages turning readable code like this...
-
-```js
-for (let i = 0; i <= 100; i += 1) {
-	if (i % 2 === 0) {
-		console.log(`${i} is even`);
-	}
-}
-```
-
-...into something much harder to parse:
-
-```js
-for (let i = 0; i <= 100; i += 1) if (i % 2 === 0) console.log(`${i} is even`);
-```
-
-Instead, I'm claiming that we should favour languages and patterns that allow us to naturally write less code.
-
-
-## Yes, I'm talking about Svelte
-
-Reducing the amount of code you have to write is an explicit goal of Svelte. To illustrate, let's look at a very simple component implemented in React, Vue and Svelte. First, the Svelte version:
-
-<div class="max">
-	<iframe
-		title="Simple component example"
-		src="/repl/embed?example=blog-write-less-code"
-		scrolling="no"
-	></iframe>
-</div>
-
-How would we build this in React? It would probably look something like this:
-
-```js
-import React, { useState } from 'react';
-
-export default () => {
-	const [a, setA] = useState(1);
-	const [b, setB] = useState(2);
-
-	function handleChangeA(event) {
-		setA(+event.target.value);
-	}
-
-	function handleChangeB(event) {
-		setB(+event.target.value);
-	}
-
-	return (
-		<div>
-			<input type="number" value={a} onChange={handleChangeA}/>
-			<input type="number" value={b} onChange={handleChangeB}/>
-
-			<p>{a} + {b} = {a + b}</p>
-		</div>
-	);
-};
-```
-
-Here's an equivalent component in Vue:
-
-```html
-<template>
-	<div>
-		<input type="number" v-model.number="a">
-		<input type="number" v-model.number="b">
-
-		<p>{{a}} + {{b}} = {{a + b}}</p>
-	</div>
-</template>
-
-<script>
-	export default {
-		data: function() {
-			return {
-				a: 1,
-				b: 2
-			};
-		}
-	};
-</script>
-```
-
-<aside>
-	<p>I'm counting by copying the source code to the clipboard and running `pbpaste | wc -c` in my terminal</p>
-</aside>
-
-In other words, it takes 442 characters in React, and 263 characters in Vue, to achieve something that takes 145 characters in Svelte. The React version is literally three times larger!
-
-It's unusual for the difference to be *quite* so obvious — in my experience, a React component is typically around 40% larger than its Svelte equivalent. Let's look at the features of Svelte's design that enable you to express ideas more concisely:
-
-
-### Top-level elements
-
-In Svelte, a component can have as many top-level elements as you like. In React and Vue, a component must have a single top-level element — in React's case, trying to return two top-level elements from a component function would result in syntactically invalid code. (You can use a fragment — `<>` — instead of a `<div>`, but it's the same basic idea, and still results in an extra level of indentation).
-
-In Vue, your markup must be wrapped in a `<template>` element, which I'd argue is redundant.
-
-
-### Bindings
-
-In React, we have to respond to input events ourselves:
-
-```js
-function handleChangeA(event) {
-	setA(+event.target.value);
-}
-```
-
-This isn't just boring plumbing that takes up extra space on the screen, it's also extra surface area for bugs. Conceptually, the value of the input is bound to the value of `a` and vice versa, but that relationship isn't cleanly expressed — instead we have two tightly-coupled but physically separate chunks of code (the event handler and the `value={a}` prop). Not only that, but we have to remember to coerce the string value with the `+` operator, otherwise `2 + 2` will equal `22` instead of `4`.
-
-Like Svelte, Vue does have a way of expressing the binding — the `v-model` attribute, though again we have to be careful to use `v-model.number` even though it's a numeric input.
-
-
-### State
-
-In Svelte, you update local component state with an assignment operator:
-
-```js
-let count = 0;
-
-function increment() {
-	count += 1;
-}
-```
-
-In React, we use the `useState` hook:
-
-```js
-const [count, setCount] = useState(0);
-
-function increment() {
-	setCount(count + 1);
-}
-```
-
-This is much *noisier* — it expresses the exact same concept but with over 60% more characters. As you're reading the code, you have to do that much more work to understand the author's intent.
-
-In Vue, meanwhile, we have a default export with a `data` function that returns an object literal with properties corresponding to our local state. Things like helper functions and child components can't simply be imported and used in the template, but must instead be 'registered' by attaching them to the correct part of the default export.
-
-
-## Death to boilerplate
-
-These are just some of the ways that Svelte helps you build user interfaces with a minimum of fuss. There are plenty of others — for example, [reactive declarations](/tutorial/reactive-declarations) essentially do the work of React's `useMemo`, `useCallback` and `useEffect` without the boilerplate (or indeed the garbage collection overhead of creating inline functions and arrays on each state change).
-
-How? By choosing a different set of constraints. Because [Svelte is a compiler](/blog/frameworks-without-the-framework), we're not bound to the peculiarities of JavaScript: we can *design* a component authoring experience, rather than having to fit it around the semantics of the language. Paradoxically, this results in *more* idiomatic code — for example using variables naturally rather than via proxies or hooks — while delivering significantly more performant apps.
diff --git a/site/content/blog/2019-04-22-svelte-3-rethinking-reactivity.md b/site/content/blog/2019-04-22-svelte-3-rethinking-reactivity.md
deleted file mode 100644
index 672fe1b7777..00000000000
--- a/site/content/blog/2019-04-22-svelte-3-rethinking-reactivity.md
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: "Svelte 3: Rethinking reactivity"
-description: It's finally here
-author: Rich Harris
-authorURL: https://twitter.com/Rich_Harris
----
-
-After several months of being just days away, we are over the moon to announce the stable release of Svelte 3. This is a huge release representing hundreds of hours of work by many people in the Svelte community, including invaluable feedback from beta testers who have helped shape the design every step of the way.
-
-We think you're going to love it.
-
-
-## What is Svelte?
-
-Svelte is a component framework — like React or Vue — but with an important difference. Traditional frameworks allow you to write *declarative* state-driven code, but there's a penalty: the browser must do extra work to convert those declarative structures into DOM operations, using techniques like [virtual DOM diffing](/blog/virtual-dom-is-pure-overhead) that eat into your frame budget and tax the garbage collector.
-
-Instead, Svelte runs at *build time*, converting your components into highly efficient *imperative* code that surgically updates the DOM. As a result, you're able to write ambitious applications with excellent performance characteristics.
-
-The first version of Svelte was all about [testing a hypothesis](/blog/frameworks-without-the-framework) — that a purpose-built compiler could generate rock-solid code that delivered a great user experience. The second was a small upgrade that tidied things up a bit.
-
-Version 3 is a significant overhaul. Our focus for the last five or six months has been on delivering an outstanding *developer* experience. It's now possible to write components with [significantly less boilerplate](/blog/write-less-code) than you'll find elsewhere. Try the brand new [tutorial](/tutorial) and see what we mean — if you're familiar with other frameworks we think you'll be pleasantly surprised.
-
-To make that possible we first needed to rethink the concept at the heart of modern UI frameworks: reactivity.
-
-<div class="max">
-<figure style="max-width: 960px; margin: 0 auto">
-<div style="height: 0; padding: 0 0 57.1% 0; position: relative; margin: 0 auto;">
-	<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin: 0;" src="https://www.youtube-nocookie.com/embed/AdNJ3fydeao" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-</div>
-
-<figcaption>'Rethinking Reactivity' from <a href="https://www.israel.yglfconf.com/">You Gotta Love Frontend Code Camp</a></figcaption>
-</figure>
-</div>
-
-
-## Moving reactivity into the language
-
-In old Svelte, you would tell the computer that some state had changed by calling the `this.set` method:
-
-```js
-const { count } = this.get();
-this.set({
-	count: count + 1
-});
-```
-
-That would cause the component to *react*. Speaking of which, `this.set` is almost identical to the `this.setState` method used in classical (pre-hooks) React:
-
-```js
-const { count } = this.state;
-this.setState({
-	count: count + 1
-});
-```
-
-There are some important technical differences (as I explain in the video above, React is not reactive) but conceptually it's the same thing.
-
-<aside>
-	<p>In fact, Svelte 3 is basically <a href="https://twitter.com/threepointone/status/1057179801109311488">Sunil's fault</a>.</p>
-</aside>
-
-That all changed with the advent of [hooks](https://reactjs.org/docs/hooks-intro.html), which handle state in a very different fashion. Many frameworks started experimenting with their own implementations of hooks, but we quickly concluded it wasn't a direction we wanted to go in. Hooks have some intriguing properties, but they also involve some unnatural code and create unnecessary work for the garbage collector. For a framework that's used in [embedded devices](https://mobile.twitter.com/sveltejs/status/1088500539640418304) as well as animation-heavy interactives, that's no good.
-
-So we took a step back and asked ourselves what kind of API would work for us... and realised that the best API is no API at all. We can just *use the language*. Updating some `count` value — and all the things that depend on it — should be as simple as this:
-
-```js
-count += 1;
-```
-
-Since we're a compiler, we can do that by instrumenting assignments behind the scenes:
-
-```js
-count += 1; $$invalidate('count', count);
-```
-
-Importantly, we can do all this without the overhead and complexity of using proxies or accessors. It's just a variable.
-
-
-## New look
-
-Your components aren't the only thing that's getting a facelift. Svelte itself has a completely new look and feel, thanks to the amazing design work of [Achim Vedam](https://vedam.de/) who created our new logo and website, which has moved from [svelte.technology](https://svelte.technology) to [svelte.dev](https://svelte.dev).
-
-We've also changed our tagline, from 'The magical disappearing UI framework' to 'Cybernetically enhanced web apps'. Svelte has many aspects — outstanding performance, small bundles, accessibility, built-in style encapsulation, declarative transitions, ease of use, the fact that it's a compiler, etc — that focusing on any one of them feels like an injustice to the others. 'Cybernetically enhanced' is designed to instead evoke Svelte's overarching philosophy that our tools should work as intelligent extensions of ourselves — hopefully with a retro, William Gibson-esque twist.
-
-
-## Upgrading from version 2
-
-If you're an existing Svelte 2 user, I'm afraid there is going to be some manual upgrading involved. In the coming days we'll release a migration guide and an updated version of [svelte-upgrade](https://github.com/sveltejs/svelte-upgrade) which will do the best it can to automate the process, but this *is* a significant change and not everything can be handled automatically.
-
-We don't take this lightly: hopefully once you've experienced Svelte 3 you'll understand why we felt it was necessary to break with the past.
-
-
-## Still to come
-
-As grueling as this release has been, we're nowhere near finished. We have a ton of ideas for generating smarter, more compact code, and a long feature wish-list. [Sapper](https://sapper.svelte.dev), our Next.js-style app framework, is still in the middle of being updated to use Svelte 3. The [Svelte Native](https://svelte-native.technology/) community project, which allows you to write Android and iOS apps in Svelte, is making solid progress but deserves more complete support from core. We don't yet have the bounty of editor extensions, syntax highlighters, component kits, devtools and so on that other frameworks have, and we should fix that. We *really* want to add first-class TypeScript support.
-
-But in the meantime we think Svelte 3 is the best way to build web apps yet. Take an hour to go through the [tutorial](/tutorial) and we hope to convince you of the same. Either way, we'd love to see you in our [Discord chatroom](https://svelte.dev/chat) and on [GitHub](https://github.com/sveltejs/svelte) — everyone is welcome, especially you.
diff --git a/site/content/blog/2020-07-17-svelte-and-typescript.md b/site/content/blog/2020-07-17-svelte-and-typescript.md
deleted file mode 100644
index aaedd6da960..00000000000
--- a/site/content/blog/2020-07-17-svelte-and-typescript.md
+++ /dev/null
@@ -1,141 +0,0 @@
----
-title: Svelte <3 TypeScript
-description: Typernetically enhanced web apps
-author: Orta Therox
-authorURL: https://twitter.com/orta
----
-
-It's been by far the most requested feature for a while, and it's finally here: Svelte officially supports TypeScript.
-
-We think it'll give you a much nicer development experience — one that also scales beautifully to larger Svelte code bases — regardless of whether you use TypeScript or JavaScript.
-
-<figure>
-	<img alt="Screenshot of TypeScript in Svelte" src="/media/svelte-ts.png">
-	<figcaption>Image of TypeScript + Svelte in VS Code (theme is <a href="https://marketplace.visualstudio.com/items?itemName=karyfoundation.theme-karyfoundation-themes">Kary Pro</a>.)</figcaption>
-</figure>
-
-
-## Try it now
-
-You can start a new Svelte TypeScript project using the [normal template](https://github.com/sveltejs/template) and by running `node scripts/setupTypeScript.js` before you do anything else:
-
-```bash
-npx degit sveltejs/template svelte-typescript-app
-cd svelte-typescript-app
-node scripts/setupTypeScript.js
-```
-
-If you're a VS Code user, make sure you're using the (new) [official extension](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode), which replaces the popular extension by James Birtles.
-Later in this blog post, we'll detail the individual steps involved in using TypeScript in an existing Svelte project.
-
-## What does it mean to support TypeScript in Svelte?
-
-TypeScript support in Svelte has been possible for a long time, but you had to mix a lot of disparate tools together and each project ran independently. Today, nearly all of these tools live under the Svelte organization and are maintained by a set of people who take responsibility over the whole pipeline and have common goals.
-
-A week before COVID was declared a pandemic, [I pitched a consolidation](https://github.com/sveltejs/svelte/issues/4518) of the best Svelte tools and ideas from similar dev-ecosystems and provided a set of steps to get first class TypeScript support. Since then, many people have pitched in and written the code to get us there.
-
-When we say that Svelte now supports TypeScript, we mean a few different things:
-
-* You can use TypeScript inside your `<script>` blocks — just add the `lang="ts"` attribute
-* Components with TypeScript can be type-checked with the `svelte-check` command
-* You get autocompletion hints and type-checking as you're writing components, even in expressions inside markup
-* TypeScript files understand the Svelte component API — no more red squiggles when you import a `.svelte` file into a `.ts` module
-
-### How does it work?
-
-To understand the two main parts of TypeScript support, we'll compare it to the technique TypeScript uses to provide dev tools. There is a compiler `tsc` which you run on the command-line to convert `*.ts` to `*.js`, then there is a `TSServer` which is a node API that responds to requests from text editors. The `TSServer` is what provides all the JavaScript and TypeScript realtime introspection for editors while coding, and it has most of the compiler's code inside it.
-
-For Svelte, we have the Svelte compiler, and now we have the [`svelte-language-server`](https://github.com/sveltejs/language-tools/tree/master/packages/language-server#svelte-language-server) which responds to text editor calls via the [Language Server Protocol standard](https://microsoft.github.io//language-server-protocol/overviews/lsp/overview/). First class TypeScript support means that _both_ of these two systems do a good job of handling TypeScript code.
-
-The Svelte compiler support for TypeScript is handled by [Christian Kaisermann](https://github.com/kaisermann)'s [`svelte-preprocess`](https://github.com/sveltejs/svelte-preprocess#svelte-preprocess) which is now an official Svelte project.
-
-For the editor level, we took inspiration from [Pine's](https://github.com/octref) work in the [Vue](https://vuejs.org) ecosystem via [Vetur](https://github.com/vuejs/vetur). Vetur provides an [LSP](https://github.com/vuejs/vetur/blob/master/server), a VS Code extension and a [CLI](https://github.com/vuejs/vetur/blob/master/vti). Svelte now also has an [LSP](https://github.com/sveltejs/language-tools/blob/master/packages/language-server), a [VS Code extension](https://github.com/sveltejs/language-tools/blob/master/packages/svelte-vscode) and a [CLI](https://github.com/sveltejs/language-tools/blob/master/packages/svelte-check).
-
-
-### `*.svelte` Introspection
-
-For the official Svelte VS Code extension, we built off the foundations which [James Birtles](https://github.com/UnwrittenFun) has created in [`UnwrittenFun/svelte-vscode`](https://github.com/UnwrittenFun/svelte-vscode) and [`UnwrittenFun/svelte-language-server`](https://github.com/UnwrittenFun/svelte-language-server/).
-
-[Simon Holthausen](https://github.com/dummdidumm) and [Lyu, Wei-Da](https://github.com/jasonlyu123) have done great work improving the JavaScript and TypeScript introspection, including integrating [@halfnelson](https://github.com/halfnelson)'s [svelte2tsx](https://github.com/sveltejs/language-tools/tree/master/packages/svelte2tsx#svelte2tsx) which powers understanding the props on components in your codebase.
-
-
-## Adding TypeScript to an existing project
-
-Before getting started, add the dependencies:
-
-```bash
-npm install --save-dev @tsconfig/svelte typescript svelte-preprocess svelte-check
-```
-
-### 1. Compiling TypeScript
-
-You first need to set up [`svelte-preprocess`](https://github.com/sveltejs/svelte-preprocess#svelte-preprocess), which passes the contents of your `<script lang="ts">` blocks through the TypeScript compiler.
-
-In a Rollup project, that would look like this — note that we also need to install `@rollup/plugin-typescript` so that Rollup can handle `.ts` files:
-
-```diff
-+ import autoPreprocess from 'svelte-preprocess';
-+ import typescript from '@rollup/plugin-typescript';
-
-export default {
-  ...,
-  plugins: [
-    svelte({
-+       preprocess: autoPreprocess()
-    }),
-+   typescript({ sourceMap: !production })
-  ]
-}
-```
-
-[Full instructions for other environments here](https://github.com/sveltejs/svelte-preprocess#usage).
-
-To configure TypeScript, you will need to create a `tsconfig.json` in the root of your project:
-
-```json
-{
-  "extends": "@tsconfig/svelte/tsconfig.json",
-
-  "include": ["src/**/*", "src/node_modules"],
-  "exclude": ["node_modules/*", "__sapper__/*", "public/*"],
-}
-```
-
-Your `include`/`exclude` may differ per project — these are defaults that should work across most Svelte projects.
-
-### 2. Editor Support
-
-Any editor [using an LSP](https://langserver.org/#implementations-client) can be supported. The [VS Code](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) extension has been our primary focus, but there is work in progress [on Atom](https://github.com/sveltejs/language-tools/pull/160), and Vim via [coc-svelte](https://github.com/coc-extensions/coc-svelte) has been updated with the latest LSP.
-
-These editor extensions will improve your coding experience even if you only use JavaScript. The editor won't offer errors, but it will offer inference and refactoring tools. You can [add `// @ts-check`](https://www.staging-typescript.org/docs/handbook/intro-to-js-ts.html) to the top of a `<script>` tag using JavaScript to get better error messages with no infra changes.
-
-To switch a `<script>` to use TypeScript, use `<script lang="ts">` and that should be it. Hopefully you won't be seeing an ocean of red squiggles.
-
-### 3. CI Checks
-
-Having red squiggles is great, well, kinda. On the long run though, you want to be able to verify that there are no errors in your code. To verify your project is error free, you can use the CLI tool [`svelte-check`](https://www.npmjs.com/package/svelte-check). It acts like an editor asking for errors against all of your `.svelte` files.
-
-You can add the dependency to your project and then add it to CI.
-
-```bash
-❯ npx svelte-check
-
-Loading svelte-check in workspace: /Users/ortatherox/dev/svelte/example-app
-Getting Svelte diagnostics...
-====================================
-
-/Users/ortatherox/dev/svelte/example-app/src/App.svelte:3:2
-Error: Type '123' is not assignable to type 'string'. (ts)
-
-====================================
-svelte-check found 1 error
-error Command failed with exit code 1.
-```
-
-## What about TypeScript in Sapper projects?
-
-TypeScript support was added to Sapper in 0.28, so if you're using an older version be sure to [upgrade](https://sapper.svelte.dev/migrating#0_27_to_0_28).
-
-## How can I contribute?
-
-We're so glad you asked. The work is happening in the [sveltejs/language-tools](https://github.com/sveltejs/language-tools) repo and in the [#language-tools](https://discord.gg/enV6v8K) channel in the Svelte Discord. If you'd like to report issues, submit fixes, or help out with extensions for new editors and so on, that's where you can find us. See you there!
diff --git a/site/content/blog/2020-10-01-whats-new-in-svelte-october-2020.md b/site/content/blog/2020-10-01-whats-new-in-svelte-october-2020.md
deleted file mode 100644
index ba2ee80caf1..00000000000
--- a/site/content/blog/2020-10-01-whats-new-in-svelte-october-2020.md
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: "What's new in Svelte: October 2020"
-description: New object methods, in-depth learning resources and tons of integration examples!
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-Welcome to the first edition of our "What's new in Svelte" series! We'll try to make this a monthly blog post in which you'll find out about new features, bug fixes, and a showcase of Svelte projects from around the community.
-
-## New features
-1. `use:obj.method` allows functions defined within objects to be used within actions ([Example](https://svelte.dev/repl/c305722adb4a4545b27b198ea8ff9bde?version=3.27.0), **3.26.0**, warning removed in **3.27.0**)
-2. `_` is now supported as a "numerical separator", similar to a `.` or `,` ([Example](https://svelte.dev/repl/844c39e91d1248649fe54af839fab570?version=3.26.0), **3.26.0**)
-3. `import.meta` now works in template expressions ([Example](https://svelte.dev/repl/9630de41957a4c80a4fce264360a6bc7?version=3.26.0), **3.26.0**)
-4. CSS Selectors with `~` and `+` combinators are now supported ([Example](https://svelte.dev/repl/91ad9257d2d1430185a504a18cc60172?version=3.29.0), **3.27.0**, with a compiler fix in **3.29.0**)
-5. The `{#key}` block is now available to key arbitrary content on an expression. Whever the expression changes, the contents inside the `{#key}` block will be destroyed and recreated. For an in-depth explanation and to find out how it's implemented, check out the [new blog post](https://lihautan.com/contributing-to-svelte-implement-key-block/) of Svelte Team member Tan Li Hau. ([More info](https://github.com/sveltejs/svelte/issues/1469), **3.29.0**)
-6. Slots can now be forwarded through child components! This used to only be possible by adding extra wrapper `<div>`s ([More info](https://github.com/sveltejs/svelte/issues/2079), **3.29.0**)
-7. When using TypeScript, you can now type the `createEventDispatcher` method:
-```html
-<script lang="ts">
-    import { createEventDispatcher } from 'svelte';
-
-    const dispatch = createEventDispatcher<{
-        /**
-         * you can also add docs
-         */
-        checked: boolean; // Will translate to `CustomEvent<boolean>`
-        hello: string;
-    }>();
-
-    // ...
-</script>
-```
-This will make sure that you can invoke dispatch only with the specified event names and its types. The Svelte for VS Code extension was also updated to deal with this new feature. It will provide strong typings for these events as well as autocompletion and hover information.
-
-**New from Sapper!**
-Sapper 0.28.9 just came out. The highlights from it include much better support for CSP nonces, asset preload support for exported pages, and error details are now available in the `$page` store on error pages.
-
-In addition, Sapper's CSS handling has been rewritten over the course of recent releases in order to fix existing CSS handling bugs, refactor the CSS handling to occur entirely within a Rollup plugin, and remove the need internally to register CSS in the routing system. Congrats and thank you to the folks working on Sapper for all their solid work!
-
-
-## Impactful bug fixes
-- CSS compilation will no longer remove rules for the `open` attribute on `<details>` elements ([Example](https://svelte.dev/repl/ab4c0c177d1f4fab92f46eb8539cea9a?version=3.26.0), **3.26.0**)
-- `prettier-plugin-svelte` will do a better job now at dealing with whitespaces, especially around inline elements. It will also preserve formatting inside `<pre>` tags and will no longer format languages which are not supported by Prettier, like SASS, Pug or Stylus.
-
-
-## Coming up
-- [Svelte Summit](https://sveltesummit.com/), Svelte's second global online conference, is taking place on October 18! Sign up for free to get reminders and talk updates!
-
-For all the features and bugfixes see the CHANGELOG for [Svelte](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md) and [Sapper](https://github.com/sveltejs/sapper/blob/master/CHANGELOG.md).
-
-
----
-
-## Svelte Showcase
-- [This CustomMenu example](https://svelte.dev/repl/3a33725c3adb4f57b46b597f9dade0c1?version=3.25.0) demos how to replace the OS right-click menu
-- [Github Tetris](https://svelte.dev/repl/cc1eaa7c66964fedb5e70e3ecbbaa0e1?version=3.25.1) lets you play a Tetris-like game in a git commit history
-- [Who are my representatives?](https://whoaremyrepresentatives.us/) is a website built with Svelte to help US residents get more info on their congressional representatives
-- [Pick Palette](https://github.com/bluwy/pick-palette) is a color palette manager made with Svelte!
-
-### In-depth learning:
-- [Svelte 3 Up and Running](https://www.amazon.com/dp/B08D6T6BKS/ref=cm_sw_r_tw_dp_x_OQMtFb3GPQCB2) is a new book about building production-ready static web apps with Svelte 3
-- [Sapper Tutorial (Crash Course)](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gdr4Qhx83gBBcID-KMe-PQ) walks through the ins-and-outs of Sapper, the Svelte-powered application framework
-- [Svelte Society Day France](https://france.sveltesociety.dev/) happened September 27th featuring a wide variety of topics all in French! You can find the full recording [here](https://www.youtube.com/watch?v=aS1TQ155JK4).
-
-### Plug-and-play components:
-- [svelte-zoom](https://github.com/vaheqelyan/svelte-zoom) brings "nearly native" pan-and-zoom to images on desktop and mobile
-- [svelte-materialify](https://github.com/TheComputerM/svelte-materialify) is a Material component library for Svelte with over 50 components
-- [svelte-undoable](https://github.com/macfja/svelte-undoable) makes it easy to introduce undo and redo functionality using `bind:`
-- [This Tilt component](https://svelte.dev/repl/7b23ad9d2693424482cd411b0378b55b?version=3.24.1) implements a common UX pattern where the hovered element tilts to follow the mouse
-
-### Lots of examples of how use JS tech came out this month:
-  - [Sapper with PostCSS and Tailwind](https://codechips.me/sapper-with-postcss-and-tailwind/)
-  - [PrismJS (Code block syntax highlighting)](https://github.com/phptuts/Svelte-PrismJS)
-  - [Filepond (Drag-and-drop file upload)](https://github.com/pqina/svelte-filepond)
-  - [Ionic (UI Components)](https://github.com/Tommertom/svelte-ionic-app)
-  - [Pell (WYSIWYG Editor)](https://github.com/Demonicious/svelte-pell/)
-  - [Leaflet (Mapping)](https://github.com/anoram/leaflet-svelte)
-
-**Reminder**: There's a [Svelte integrations repo](https://github.com/sveltejs/integrations) that demonstrates ways to incorporate Svelte into your stack (and vice versa). If you've got questions on how to use a particular piece of tech with Svelte, you may find your answer there... and if you've gotten something to work with Svelte, consider contributing!
-
-For more amazing Svelte projects, check out the [Svelte Society](https://sveltesociety.dev/), [Reddit](https://www.reddit.com/r/sveltejs/) and [Discord](https://discord.com/invite/yy75DKs)… and be sure to post your own!
-
-## See you next month!
-
-By the way, Svelte now has an [OpenCollective](https://opencollective.com/svelte)! All contributions and all expenses are published in our transparent public ledger. Learn who is donating, how much, where that money is going, submit expenses, get reimbursed and more!
diff --git a/site/content/blog/2020-11-01-whats-new-in-svelte-november-2020.md b/site/content/blog/2020-11-01-whats-new-in-svelte-november-2020.md
deleted file mode 100644
index 99de2dd3324..00000000000
--- a/site/content/blog/2020-11-01-whats-new-in-svelte-november-2020.md
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: "What's new in Svelte: November 2020"
-description: Slot forwarding fixes, SvelteKit for faster local development, and more from Svelte Summit
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-Welcome back to the "What's new in Svelte" series! This month, we're covering new features & bug fixes, last month's Svelte Summit and some stand-out sites and libraries...
-
-## New features & impactful bug fixes
-
-1. Destructuring Promises now works as expected by using the `{#await}` syntax
- (**3.29.3**, [Example](https://svelte.dev/repl/3fd4e2cecfa14d629961478f1dac2445?version=3.29.3))
-2. Slot forwarding (released in 3.29.0) should no longer hang during compilation (**3.29.3**, [Example](https://svelte.dev/repl/29959e70103f4868a6525c0734934936?version=3.29.3))
-3. Better typings for the `get` function in `svelte/store` and on lifecycle hooks (**3.29.1**)
-
-**What's going on in Sapper?**
-
-Sapper got some new types in its `preload` function, which will make typing easier if you are using TypeScript. See the [Sapper docs](https://sapper.svelte.dev/docs#Typing_the_function) on how to use them. There also were fixes to `preload` links in exported sites. Route layouts got a few fixes too - including ensuring CSS is applied to nested route layouts. You can also better organize your files now that extensions with multiple dots are supported. (**0.28.10**)
-
-
-For all the features and bugfixes see the CHANGELOGs for [Svelte](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md) and [Sapper](https://github.com/sveltejs/sapper/blob/master/CHANGELOG.md).
-
-
-## [Svelte Summit](https://sveltesummit.com/) was Svelte-tacular!
-- Rich Harris demoed the possible future of Svelte development in a talk titled "Futuristic Web Development". The not-yet-public project is called SvelteKit (name may change) and will bring a first-class developer experience and more flexibility for build outputs. If you want to get the full sneak-peek, [check out the video](https://www.youtube.com/watch?v=qSfdtmcZ4d0).
-- 17 speakers made the best of the conference's virtual format... From floating heads to seamless demos, Svelte developers from every skill level will find something of interest in this year's [YouTube playlist](https://www.youtube.com/playlist?list=PL8bMgX1kyZThM1sbYCoWdTcpiYysJsSeu)
-
----
-
-## Community Showcase
-- [Svelte Lab](https://sveltelab.app/) showcases a variety of components, visualizations and interactions that can be achieved in Svelte. You can click into any component to see its source or edit it, using the site's built-in REPL
-- [svelte-electron-boilerplate](https://github.com/hjalmar/svelte-electron-boilerplate) is a fast way to get up and running with a Svelte app built in the desktop javascript framework, Electron
-- [React Hooks in Svelte](https://github.com/joshnuss/react-hooks-in-svelte) showcases examples of common React Hooks ported to Svelte.
-- [gurlic](https://gurlic.com/) is a social network and internet experiment that is super snappy thanks to Svelte
-- [Interference 2020](https://interference2020.org/) visualizes reported foreign interference in the 2020 U.S. elections. You can learn more about how it was built in [YYY's talk at Svelte Summit]()
-- [jitsi-svelte](https://github.com/relm-us/jitsi-svelte) lets you easily create your own custom Jitsi client by providing out-of-the-box components built with Svelte
-- [Ellx](https://ellx.io/) is part spreadsheet, part notebook and part IDE. It's super smooth thanks to Svelte 😎
-- [This New Zealand news site](https://www.nzherald.co.nz/nz/election-2020-latest-results-party-vote-electorate-vote-and-full-data/5CFVO4ENKNQDE3SICRRNPU5GZM/) breaks down the results of the 2020 Parliamentary elections using Svelte
-- [Budibase](https://github.com/Budibase/budibase) is a no-code app builder, powered by Svelte
-- [Svelt-yjs](https://github.com/relm-us/svelt-yjs) combines the collaborative, local-first technology of Yjs with the power of Svelte to enable multiple users across the internet to stay in sync.
-- [tabler-icons-svelte](https://github.com/benflap/tabler-icons-svelte) is a Svelte wrapper for over 850 free MIT-licensed high-quality SVG icons for you to use in your web projects.
-
-## See you next month!
-
-Got an idea for something to add to the Showcase? Want to get involved more with Svelte? We're always looking for maintainers, contributors and fanatics... Check out the [Svelte Society](https://sveltesociety.dev/), [Reddit](https://www.reddit.com/r/sveltejs/) and [Discord](https://discord.com/invite/yy75DKs) to get involved!
diff --git a/site/content/blog/2020-11-05-whats-the-deal-with-sveltekit.md b/site/content/blog/2020-11-05-whats-the-deal-with-sveltekit.md
deleted file mode 100644
index 26cfe979a00..00000000000
--- a/site/content/blog/2020-11-05-whats-the-deal-with-sveltekit.md
+++ /dev/null
@@ -1,103 +0,0 @@
----
-title: What's the deal with SvelteKit?
-description: We're rethinking how to build Svelte apps. Here's what you need to know
-author: Rich Harris
-authorURL: https://twitter.com/rich_harris
----
-
-<aside><p>If you <em>didn't</em> attend Svelte Summit, you can catch up on the <a href="https://www.youtube.com/c/SvelteSociety/videos">Svelte Society YouTube page</a></p></aside>
-
-If you attended [Svelte Summit](https://sveltesummit.com/) last month you may have seen my talk, Futuristic Web Development, in which I finally tackled one of the most frequently asked questions about Svelte: when will Sapper reach version 1.0?
-
-The answer: never.
-
-This was slightly tongue-in-cheek — as the talk explains, it's really more of a rewrite of Sapper coupled with a rebrand — but it raised a lot of new questions from the community, and it's time we offered a bit more clarity on what you can expect from Sapper's successor, SvelteKit.
-
-<div class="max">
-<figure style="max-width: 960px; margin: 0 auto">
-<div style="height: 0; padding: 0 0 57.1% 0; position: relative; margin: 0 auto;">
-	<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin: 0;" src="https://www.youtube-nocookie.com/embed/qSfdtmcZ4d0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-</div>
-
-<figcaption>'Futuristic Web Development' from <a href="https://sveltesummit.com/">Svelte Summit</a></figcaption>
-</figure>
-</div>
-
-
-## What's Sapper?
-
-[Sapper](https://sapper.svelte.dev) is an *app framework* (or 'metaframework') built on top of Svelte (which is a *component* framework). Its job is to make it easy to build Svelte apps with all the modern best practices like server-side rendering (SSR) and code-splitting, and to provide a project structure that makes development productive and fun. It uses *filesystem-based routing* (as popularised by [Next](https://nextjs.org/) and adopted by many other frameworks, albeit with some enhancements) — your project's file structure mirrors the structure of the app itself.
-
-While the Svelte homepage and documentation encourages you to [degit](https://github.com/Rich-Harris/degit) the [sveltejs/template](https://github.com/sveltejs/template) repo to start building an app, Sapper has long been our recommended way to build apps; this very blog post is (at the time of writing!) rendered with Sapper.
-
-
-## Why are we migrating to something new?
-
-Firstly, the distinction between [sveltejs/template](https://github.com/sveltejs/template) and [sveltejs/sapper-template](https://github.com/sveltejs/sapper-template) is confusing, particularly to newcomers to Svelte. Having a single recommended way to start building apps with Svelte will bring enormous benefits: we simplify onboarding, reduce the maintenance and support burden, and can potentially begin to explore the new possibilities that are unlocked by having a predictable project structure. (This last part is deliberately vague because it will take time to fully understand what those possibilities are.)
-
-Aside from all that, we've been tempted by the thought of rewriting Sapper for a while. This is partly because the codebase has become a little unkempt over the years ([Sapper started in 2017](/blog/sapper-towards-the-ideal-web-app-framework)), but mostly because the web has changed a lot recently, and it's time to rethink some of our foundational assumptions.
-
-
-## How is this new thing different?
-
-The first of those foundational assumptions is that you need to use a module bundler like [webpack](https://webpack.js.org/) or [Rollup](https://rollupjs.org/) to build apps. These tools trace the dependency graph of your application, analysing and transforming code along the way (turning Svelte components to JS modules, for example), in order to create bundles of code that can run anywhere. As the original creator of Rollup, I can attest that it is a surprisingly complex problem with fiendish edge cases.
-
-You certainly needed a bundler several years ago, because browsers didn't natively support the `import` keyword, but it's much less true today. Right now, we're seeing the rise of the *unbundled development* workflow, which is radically simpler: instead of eagerly bundling your app, a dev server can serve modules (converted to JavaScript, if necessary) *on-demand*, meaning startup is essentially instantaneous however large your app becomes.
-
-[Snowpack](https://www.snowpack.dev/) is at the vanguard of this movement, and it's what powers SvelteKit. It's astonishingly fast, and has a beautiful development experience (hot module reloading, error overlays and so on), and we've been working closely with the Snowpack team on features like SSR. The hot module reloading is particularly revelatory if you're used to using Sapper with Rollup (which has never had first-class HMR support owing to its architecture, which prioritises the most efficient output).
-
-That's not to say we're abandoning bundlers altogether. It's still essential to optimise your app for production, and SvelteKit uses Rollup to make your apps as fast and lean as they possibly can be (which includes things like extracting styles into static `.css` files).
-
-The other foundational assumption is that a server-rendered app needs, well, a server. Sapper effectively has two modes — `sapper build`, which creates a standalone app that has to run on a Node server, and `sapper export` which bakes your app out as a collection of static files suitable for hosting on services like GitHub Pages.
-
-Static files can go pretty much anywhere, but running a Node server (and monitoring/scaling it etc) is less straightforward. Nowadays we're witnessing a shift towards *serverless platforms*, in which you as the app author don't need to think about the server your code is running on, with all the attendant complexity. You can get Sapper apps running on serverless platforms, thanks to things like [vercel-sapper](https://github.com/thgh/vercel-sapper), but it's certainly not what you'd call idiomatic.
-
-<aside><p>It'll still be possible to create both Node apps and fully pre-rendered (aka exported) sites</a></p></aside>
-
-SvelteKit fully embraces the serverless paradigm, and will launch with support for all the major serverless providers, with an 'adapter' API for targeting any platforms that we don't officially cater to. In addition, we'll be able to do partial pre-rendering, which means that static pages can be generated at build time but dynamic ones get rendered on-demand.
-
-
-## When can I start using it?
-
-If you're feeling brave, you can start right now:
-
-```bash
-npm init svelte@next
-```
-
-This will scaffold a new project and install the `@sveltejs/kit` CLI, which provides the tools for developing and building an app.
-
-We don't recommend it though! There are no docs, and we won't be able to offer any form of support. It's also likely to break often.
-
-The work is being done in a private monorepo while we're still in exploration mode. Our plan is to get a public beta ready and announce it here once we've closed a few issues — the repo itself will remain private at that time, but we'll create a place to collect feedback from the YOLO crowd. After that, we'll work towards a 1.0 release which will involve opening the repo up.
-
-I'm not going to make any firm promises about timings, because I don't like to break promises. But I *think* we're talking about weeks rather than months.
-
-
-## What if I don't want to use SvelteKit?
-
-You won't have to — it will always be possible to use Svelte as a standalone package or via a bundler integration like [rollup-plugin-svelte](https://github.com/sveltejs/rollup-plugin-svelte). We think it's essential that you can bend Svelte to fit your workflow, however esoteric, and use third-party app frameworks like [Elder.js](https://github.com/Elderjs/elderjs), [Routify](https://routify.dev/), [Plenti](https://plenti.co/), [Crown](https://crownframework.com/), [JungleJS](https://www.junglejs.org/) and others.
-
-
-## TypeScript?
-
-Don't worry, we won't launch without full TypeScript support.
-
-
-## How can I migrate my existing Sapper apps?
-
-For the most part, it should be relatively straightforward to migrate a Sapper codebase.
-
-There are some unavoidable changes (being able to run on serverless platforms means we need to replace custom `server.js` files and `(req, res) => {...}` functions with more portable equivalents), and we're taking the opportunity to fix a few design flaws, but on the whole a SvelteKit app will feel very familiar to Sapper users.
-
-Detailed migration guides will accompany the 1.0 launch.
-
-
-## How can I contribute?
-
-Keep your eyes peeled for announcements about when we'll launch the public beta and open up the repo. (Also, blog post TODO but I would be remiss if I didn't mention that we now have an [OpenCollective](https://opencollective.com/svelte) where you can contribute financially to the project if it's been valuable to you. Many, many thanks to those of you who already have.)
-
-
-## Where can I learn more?
-
-Follow [@sveltejs](https://twitter.com/sveltejs) and [@SvelteSociety](https://twitter.com/SvelteSociety) on Twitter, and visit [svelte.dev/chat](https://svelte.dev/chat). You should also subscribe to [Svelte Radio](https://www.svelteradio.com/), where Kevin and his co-hosts will grill me about this project on an upcoming episode (and between now and next week when we record it, [reply to this Twitter thread](https://twitter.com/Rich_Harris/status/1323376048571121665) with your additional questions).
\ No newline at end of file
diff --git a/site/content/blog/2020-12-01-whats-new-in-svelte-december-2020.md b/site/content/blog/2020-12-01-whats-new-in-svelte-december-2020.md
deleted file mode 100644
index b8b1a9d13aa..00000000000
--- a/site/content/blog/2020-12-01-whats-new-in-svelte-december-2020.md
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: "What's new in Svelte: December 2020"
-description: Better tooling, export maps and improvements to slots and context
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-It's the last "What's new in Svelte" of the year and there's lots to celebrate! This month's coverage includes updates from `rollup-plugin-svelte`, `Sapper` and `SvelteKit` and a bunch of showcases from the Svelte community!
-
-## New features & impactful bug fixes
-
-1. `$$props`, `$$restProps`, and `$$slots` are all now supported in custom web components (**3.29.5**, [Example](https://svelte.dev/repl/ad8e6f39cd20403dacd1be84d71e498d?version=3.29.5)) and  `slot` components now support spread props: `<slot {...foo} />` (**3.30.0**)
-2. A new `hasContext` lifecycle function makes it easy to check whether a `key` has been set in the context of a parent component (**3.30.0** & **3.30.1**, [Docs](https://svelte.dev/docs#run-time-svelte-hascontext))
-3. There is now a new `SvelteComponentTyped` class which makes it easier to add strongly typed components that extend base Svelte components. Component library and framework authors rejoice! An example: `export class YourComponent extends SvelteComponentTyped<{aProp: boolean}, {click: MouseEvent}, {default: {aSlot: string}}> {}` (**3.31.0**, [RFC](https://github.com/sveltejs/rfcs/pull/37))
-4. Transitions within `{:else}` blocks should now complete successfully (**3.29.5**, [Example](https://svelte.dev/repl/49cef205e5da459594ef2eafcbd41593?version=3.29.5))
-5. Svelte now includes an export map, which explicitly states which files can be imported from its npm package (**3.29.5** with some fixes in **3.29.6**, **3.29.7** and **3.30.0**)
-6. `rollup-plugin-svelte` had a new [7.0.0 release](https://github.com/sveltejs/rollup-plugin-svelte/blob/master/CHANGELOG.md). The biggest change is that the `css` option was removed. Users who were using that option should add another plugin like `rollup-plugin-css-only` as demonstrated [in the template](https://github.com/sveltejs/template/blob/5b1135c286f7a649daa99825a077586655051649/rollup.config.js#L48)
-
-
-## What's going on in Sapper?
-Lots of new TypeScript definition improvements to make editing Sapper apps even easier! CSS for dynamic imports also should now work in `client.js` files. (Unreleased)
-
-## What's the deal with SvelteKit?
-We're glad you asked! If you didn't catch Rich's blog post from early last month, [you can find it here](https://svelte.dev/blog/whats-the-deal-with-sveltekit)!
-
-For all the features and bugfixes see the CHANGELOGs for [Svelte](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md) and [Sapper](https://github.com/sveltejs/sapper/blob/master/CHANGELOG.md).
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-- [narration.studio](https://narration.studio/) (Chrome Only) is an automatic in-browser audio recording & editing platform for voice over narration.
-- [Vippet](https://vippet.netlify.app/) is a video recording and editing tool for the browser.
-- [Pattern Monster](https://pattern.monster/) is a simple online pattern generator to create repeatable SVG patterns.
-- [Plant-based diets](https://planetbaseddiets.panda.org/) is a website from the World Wildlife Foundation (WWF) built with Svelte.
-- [johnells.se](https://www.johnells.se/) is a Swedish fashion e-commerce site, built with [Crown](https://crownframework.com/) - a Svelte-powered framework.
-- [sentence-length](https://sentence-length.netlify.app/) is a learning and analysis tool to show how some authors play with different lengths, while others stick with one.
-- [svelte-presenter](https://github.com/stephane-vanraes/svelte-presenter) lets you quickly make good looking presentations using Svelte and mdsvex.
-
-**Demos**
-- [u/loopcake got SSR working in Java Spring Boot](https://www.reddit.com/r/sveltejs/comments/jkh5up/svelte_ssr_but_its_java_spring_boot_and_its_native/) for all the Java shops out there looking to render Svelte server-side.
-- [svelte-liquid-swipe](https://github.com/tncrazvan/svelte-liquid-swipe) shows off a fancy interaction pattern using svg paths.
-- [Crossfade Link Animation](https://svelte.dev/repl/7f68e148caf04b2787bb6f296208f870?version=3.29.7) demonstrates how to animate between navigation links using a crossfade (made by Blu, from the Discord community)
-- [Clip-Path Transitions](https://svelte.dev/repl/b5ad281ae8024b629b545c70c9e8764d?version=3.29.7) showcases how to use clip paths and custom transitions to create magical in-and-out transitions (made by Faber, from the Discord community)
-
-**Learning Resources**
-- [lihautan](https://www.youtube.com/channel/UCbmC3HP3FaAFdcZkui8YoMQ/featured) has been making easy-to-follow videos to share his in-depth knowledge of Svelte.
-- [Lessons From Building a Static Site Generator](https://nicholasreese.com/lessons-from-building-a-static-site-generator/) shares the backstory and thinking behind Elder.js - and the design decision made along the way.
-- [Svelte Tutorial and Projects Course ](https://www.udemy.com/course/svelte-tutorial-and-projects-course/) is a udemy course by John Smilga where students learn Svelte.js by building interesting projects.
-- [Building Pastebin on IPFS - with FastAPI, Svelte, and IPFS](https://amalshaji.wtf/building-pastebin-on-ipfs-with-fastapi-svelte-and-ipfs) explains how to make a distributed pastebin-like application.
-
-
-**Components, Libraries & Tools**
-- [svelte-crossword](https://russellgoldenberg.github.io/svelte-crossword/) is a customizable crossword puzzle component for Svelte.
-- [svelte-cloudinary](https://github.com/cupcakearmy/svelte-cloudinary) makes it easy to integrate Cloudinary with Svelte (including Typescript and SSR support)
-- [Svelte Nova](https://extensions.panic.com/extensions/sb.lao/sb.lao.svelte-nova/) extends the new Nova editor to support Svelte
-- [saos](https://github.com/shiryel/saos) is a small svelte component to animate your elements on scroll.
-- [Svelte-nStore](https://github.com/lacikawiz/svelte-nStore) is a general purpose store replacement that fulfills the Svelte store contract and adds getter and calculation features.
-- [svelte-slimscroll](https://github.com/MelihAltintas/svelte-slimscroll) is a Svelte Action that transforms any div into a scrollable area with a nice scrollbar.
-- [svelte-typewriter](https://github.com/henriquehbr/svelte-typewriter) is a simple and reusable typewriter effect for your Svelte applications
-- [svelte-store-router](https://github.com/zyxd/svelte-store-router) is a store-based router for Svelte that suggests that routing is just another global state and History API changes are just an optional side-effects of this state.
-- [Routify](https://routify.dev/blog/routify-2-released) just released version 2 of its Svelte router.
-- [svelte-error-boundary](https://www.npmjs.com/package/@crownframework/svelte-error-boundary) provides a simple error boundary component for Svelte that can be can be used with both DOM and SSR targets.
-- [svelte2dts](https://www.npmjs.com/package/svelte2dts) generates d.ts files from svelte files, creating truly shareable and well typed components.
-
-## See you next month!
-
-Got an idea for something to add to the Showcase? Want to get involved more with Svelte? We're always looking for maintainers, contributors and fanatics... Check out the [Svelte Society](https://sveltesociety.dev/), [Reddit](https://www.reddit.com/r/sveltejs/) and [Discord](https://discord.com/invite/yy75DKs) to get involved!
-
-That's all for the year, folks! See you in January 😎
diff --git a/site/content/blog/2021-01-01-whats-new-in-svelte-january-2021.md b/site/content/blog/2021-01-01-whats-new-in-svelte-january-2021.md
deleted file mode 100644
index ba82146cd58..00000000000
--- a/site/content/blog/2021-01-01-whats-new-in-svelte-january-2021.md
+++ /dev/null
@@ -1,86 +0,0 @@
----
-title: "What's new in Svelte: January 2021"
-description: A Svelte-packed showcase to kick-off the new year!
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-Happy new year from Svelte! In the last month we made progress on Sapper's upcoming release, fine-tuned our `SvelteComponent` typings, and have seen some amazing apps, sites, and libraries coming out in the showcase.
-
-## What's changed in Svelte?
-
-A new minor release replaces the `SvelteComponent` class with a `SvelteComponentTyped` class. This renaming should help with backwards compatibility. We've updated [last month's blog post](https://svelte.dev/blog/whats-new-in-svelte-december-2020) to avoid any confusion with the name change.
-
-If you're using `SvelteComponent` or the new `SvelteComponentTyped` in your project or library, let us know what you're using it for and we'll add it to the showcase!
-
-
-## What's going on in Sapper?
-
-More quality of life features are landing in the upcoming release every day. `0.29.0` will include new TypeScript definitions, fixes to scroll tracking and prefetching behavior, and improvements to the runtime router to support encoded query parameters.
-
-If you're upgrading from 0.28.x, check out [the migration guide](https://sapper.svelte.dev/migrating/#0_28_to_0_29) for steps on updating to Sapper 0.29.
-
-
-## Is SvelteKit ready yet?
-
-To avoid too much churn during development, SvelteKit is still being worked on in a private repo. There will be an announcement on the Discord, blog and Twitter when it's ready for a larger group of users and contributors.
-
-In the meantime, you can explore the current build by running `npm init svelte@next` from your command line.
-
-As cautioned in _[What's the deal with SvelteKit?](https://svelte.dev/blog/whats-the-deal-with-sveltekit)_, there are no docs or support available yet... So use at your own risk / for your own enjoyment!
-
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-
-- [manitu.me](https://manitu.me/) is a background sound / pomodoro timer for focus and relaxation
-- [Answer Socrates](https://answersocrates.com/) helps you find trending questions on the internet so that you can write the most relevant blog post, tweet, or billboard
-- [multris](https://multris.s1h.org/) is a multiplayer Tetris game. You can read about its development [here](https://blog.s1h.org/svelte-multiplayer-game/)
-- [weather-ab](https://github.com/ganochenkodg/weather-ab) compares the archive of weather in different cities of the world. Indispensable for people thinking about migration
-- [Game Nibs](https://gamenibs.com/) is a platform for gamers to find and share concise bite-sized bits of gaming advice, tips, tricks, screenshots, builds, and much more
-- [Ora](https://github.com/cupcakearmy/ora) is an open source website tracking and limiting tool for Chrome and Firefox
-- [vscode-dms](https://github.com/techsyndicate/vscode-dms) is a group direct messaging chat app for VSCode
-- [Zero.2](https://zero.oleksandrdemian.tech/) is a math-based challenge game where you try to get to zero as quickly as possible
-- [Octave Compass](https://octavecompass.com/2741) is a chord table and scale explorer for many popular musical scales
-- [Infinite Walking Bass Generator 2](https://github.com/elialbert/infinitewalkingbass2) is an online music player that generates a unique walking bass line
-- [ListenAddict](https://www.listenaddict.com/) is a site that notifies you whenever a person has a new talk/interview on podcast
-
-**Demos, Libraries & Components**
-
-- [svelte-tiny-virtual-list](https://github.com/Skayo/svelte-tiny-virtual-list) speeds up long lists by only rendering visible items
-- [svelte-query](https://github.com/TanStack/svelte-query) is a collection of helpful hooks for managing, caching and syncing asynchronous and remote data
-- [svelte-previous](https://github.com/bryanmylee/svelte-previous) is a svelte store to remember previous values - helpful for transitions or a quick undo stack
-- [Let's Build a Confetti Cannon](https://varun.ca/confetti/) explains how to build a particle system and integrate a Canvas based animation into a larger application
-- [svelte-micro](https://github.com/ayndqy/svelte-micro) is a one-component router
-- [svelte-standalone-router](https://github.com/hjalmar/svelte-standalone-router) is a standalone router with an API based on [standalone-router](https://github.com/hjalmar/standalone-router)
-- [svelte-datepicker](https://github.com/beyonk-adventures/svelte-datepicker) is a datepicker component with variations for time selection, date ranges and responsive themes
-- [svelte-slimscroll](https://github.com/MelihAltintas/svelte-slimscroll) is a action for Svelte.js, which can transforms any div into a scrollable area with a nice scrollbar.
-- [Svelte Zoomable](https://svelte.dev/repl/58dfe87756ee4db897c281b52fdef7b7?version=3.31.0) is a custom transition with a nice zoom effect
-
-**Have a component you'd like to share?** Check out the [Components](https://sveltesociety.dev/components) page on the Svelte Society site. You can contribute by making [a PR to this file](https://github.com/svelte-society/sveltesociety.dev/blob/master/src/pages/components/components.json).
-
-**Learning Resources**
-
-- [Using Svelte to create a scroll video effect](https://blog.koenvangilst.nl/tutorial-svelte-scroll-video/) showcases how the `bind` command can be used to create a cool scroll video effect with very little code
-- [How to make a flappybird game in svelte and typescript](https://www.youtube.com/watch?v=nhrYBoVI8pQ) is a video tutorial including docs and code for reference
-- [Accessible Svelte Transition](https://www.youtube.com/watch?v=QK_QuRL7nSo&feature=youtu.be) walks through `prefers-reduced-motion` to make svelte transitions more accessible
-- [Svelte's module scripts explained](https://codechips.me/svelte-module-scripts-explained/) is a great introduction to the module context, a common Sapper pattern
-- [Awesome Svelte](https://github.com/TheComputerM/awesome-svelte#readme) is a curated list of Svelte resources
-- [.NET Core and Svelte](https://dev.to/cainux/net-core-and-svelte-f8o) explains how to get Svelte up and running with .NET Core
-- [A la découverte de Svelte JS](https://www.youtube.com/watch?v=SLpx1Y8e1ek&list=PLff5I1miao9ZEUhpqkrOx7k8RGAZt-nm9) is a svelte tutorial series in French!
-- [Svelte for React Developers](https://soshace.com/svelte-for-react-developers/) explains Svelte's core concepts to folks who are used to React
-- [Building a Svelte Static Website with Smooth Page Transitions](https://www.youtube.com/watch?v=dvPfmcGtmrI&feature=emb_title) shows how to build a static website with Svelte and add smooth page transitions using Three.js and GSAP.
-- [Using Apollo Client in Sapper](https://bjornlu.com/blog/using-apollo-client-in-sapper/) explains the "simplest" solutions to integrate the Apollo query client into Sapper
-- [Reactive web apps with Crystal + Svelte](https://www.youtube.com/watch?v=i1xjLd6z7BU) explores how to build full-stack, server-rendered Svelte apps with a [Crystal](https://crystal-lang.org) backend
-
-**Related Projects**
-
-- [Snowpack's v3 release candidate](https://www.snowpack.dev/posts/2020-12-03-snowpack-3-release-candidate) is out now in preparation for a January 6 release date. Check out the [Getting Started with Svelte](https://www.snowpack.dev/tutorials/svelte) for more info on how to use Snowpack.
-- [Uppy](https://uppy.io/blog/2020/12/1.24/), the open source file uploader, announced Svelte support in its new version 1.24
-
-## See you next month!
-
-Want to add your work to the Showcase? Want to contribute to Svelte? Check out the [Svelte Society](https://sveltesociety.dev/), [Reddit](https://www.reddit.com/r/sveltejs/) and [Discord](https://discord.com/invite/yy75DKs) to get involved!
diff --git a/site/content/blog/2021-02-01-whats-new-in-svelte-february-2021.md b/site/content/blog/2021-02-01-whats-new-in-svelte-february-2021.md
deleted file mode 100644
index 2d09a3c4390..00000000000
--- a/site/content/blog/2021-02-01-whats-new-in-svelte-february-2021.md
+++ /dev/null
@@ -1,86 +0,0 @@
----
-title: "What's new in Svelte: February 2021"
-description: Integrations and improvements at lightning speed...
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-With the shortest month of the year coming up, Svelte maintainers and community members alike have been busy this last month – from big changes in `svelte-loader`, `prettier-plugin-svelte`, `rollup-plugin-svelte`, and `language-tools` to steady progress in Sapper and `svelte-preprocess`. Meanwhile, lots of folks have been busy integrating Svelte with other popular frameworks.
-
-## New compiler features
-- Aria roles from the [WAI-ARIA Graphics Module](https://www.w3.org/TR/graphics-aria-1.0/#role_definitions) are now recognized as valid aria roles in Svelte components (**3.31.1**)
-- Compiler warnings for the common React attributes, `className` and `htmlFor`, now make it easier to port React components to Svelte (**3.31.1**)
-
-Have a suggestion for a compiler feature or want to help implement new features/bug fixes? Check out the ["triage: good first issue" tag for Svelte](https://github.com/sveltejs/svelte/issues?q=is%3Aopen+is%3Aissue+label%3A%22triage%3A+good+first+issue%22)
-
-
-## New bits in language-tools
-
-- User disabled auto import suggestions no longer show in VS Code (**103.0.0**)
-- Renaming a variable is now safer with smart additions of a prefix/suffix to renamed variables (**104.0.0**)
-- Semantic (token) highlighting for TypeScript users lets theme makers apply semantic styling in their themes, if they support it (**104.0.0**)
-- "Extract Component" has been added to the context menu - allowing you to extract components out of files without having to open the command window to type "Svelte: Extract Component" (**104.0.0**)
-- The VS Code extension now listens to JavaScript/TypeScript file changes - you no longer need to save the files for the changes to be noticed (**104.1.0**)
-
-For the complete list of changes, check out the language-tools [Releases page](https://github.com/sveltejs/language-tools/releases).
-
-A great way to try the language tools is to download the [Svelte Extension for VSCode](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode). This extension provides syntax highlighting and rich intellisense for Svelte components in VS Code, using the svelte language server. Check your editor's extension sources to see if there's a Svelte plugin for your IDE or build your own (see [coc-svelte](https://github.com/coc-extensions/coc-svelte) for example)!
-
-## Big improvements across the Svelte ecosystem
-
-- [svelte-loader](https://github.com/sveltejs/svelte-loader) released a major version, 3.0.0 - featuring Webpack 5 and Node 14 support, better hot reloading, and new `compilerOptions` to match `rollup-plugin-svelte`. Breaking changes include dropping Svelte 2 and Node 8 support. [More info in the changelog](https://github.com/sveltejs/svelte-loader/blob/master/CHANGELOG.md)
-- [rollup-plugin-svelte](https://github.com/sveltejs/rollup-plugin-svelte) is now at version 7.x - with support for relative filenames, better handling of sourcemaps, and consistent `compilerOptions`. Be sure to [checkout the changelog](https://github.com/sveltejs/rollup-plugin-svelte/blob/master/CHANGELOG.md) for breaking changes when upgrading
-- [svelte-preprocess](https://github.com/sveltejs/svelte-preprocess) iterated through some 4.6.x releases this month to improve postcss and scss handling and fix sourcemap transformation for typescript users. [More info in the changelog](https://github.com/sveltejs/svelte-preprocess/blob/main/CHANGELOG.md)
-- [Sapper](https://github.com/sveltejs/sapper) got some improvements in scroll tracking and handling encoding query parameters. Dynamic imports also now work as expected in browsers that don't support ES modules. These changes from 0.29.0 and a step-by-step migration guide can be found [in the changelog](https://github.com/sveltejs/sapper/blob/master/CHANGELOG.md)
-- [prettier-plugin-svelte](https://github.com/sveltejs/prettier-plugin-svelte) version 2 was released. It received an overhaul and comes with a rewrite of the HTML formatting. The output is now much more in line with how standard Prettier formats HTML. Better defaults for `svelteBracketNewLine` and `options-scripts-markup-styles` should now match how the majority of users like to order the code blocks. Additionally, Prettier's `htmlWhitespaceSensitivity` setting is now supported. [More info in the changelog](https://github.com/sveltejs/prettier-plugin-svelte/blob/master/CHANGELOG.md)
-
-New changes to the Svelte Society website include [a new cheat sheet](https://sveltesociety.dev/cheatsheet) for easy access to useful code patterns and some smaller visual fixes across the site. **Want to help make the Svelte Society website ready for prime time**? [Checkout the GitHub repo](https://github.com/svelte-society/sveltesociety.dev) to get started! 
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-
-- [The official German vaccination dashboard](https://impfdashboard.de/) tracks the current COVID vaccine rollout and features some well-done dataviz.
-- [La neuva era de la educatión conectada](https://elfuturoesapasionante.vodafone.es/especiales/educacion-conectada/) is a Vodaphone site that highlights the ways that technology and COVID-19 has changed the education landscape
-- [sho.rest](https://github.com/Melonai/shorest) is a self-hostable url shortener
-- [night.fm](https://night.fm/) is a cyberpunk-themed radio station
-
-
-**Demos, Libraries & Components**
-
-- [Svelte Reactive Debugger](https://addons.mozilla.org/en-US/firefox/addon/svelte-reactive-debugger/) is a way to monitor Svelte reactive statements in Firefox devtools
-- [svelte-actions](https://github.com/sw-yx/svelte-actions) is a set of prototype Svelte actions for inclusion into official actions in future. [See RFC](https://github.com/sveltejs/rfcs/pull/24) and [Discuss High Level Policy](https://github.com/sw-yx/svelte-actions/issues/7).
-- [This css grid gallery](https://svelte.dev/repl/3a1b7fae13b242fe9cd4a4f7aa092fa4?version=3.31.2) made by @joja (in the Svelte Discord) features grid transitions based on a user's mouse position
-- [Patchcab](https://github.com/spectrome/patchcab) is a modular Eurorack style synthesizer made with Web Audio.
-- [svelte-knob](https://github.com/MelihAltintas/svelte-knob) is a knob control to help with speedometer-style visualization
-- [descent-ripple](https://github.com/micha-lmxt/descent-ripple) is a highly customizable javascript ripple animation for buttons
-- [makeItSnow](https://github.com/florianlouvet/make-it-snow/blob/main/makeItSnowAction.js) is a Svelte action made by @MrPoule (in the Svelte Discord) that can be used to add ❄️snow❄️ to any component ([Demo](https://svelte.dev/repl/de5223beb45540a5a11c9bd7b318304f?version=3.31.2))
-- [svelte-video-player](https://github.com/meigo/svelte-video-player) is a customizable `VideoPlayer` component
-- [svelte-readonly](https://github.com/Crisfole/svelte-readonly) is a very small store that exposes only a readable interface.
-
-
-**New Integrations & Starters**
-- [svelte-derver-starter](https://github.com/AlexxNB/svelte-derver-starter) is a starter for baking fullstack application with the client based on Svelte and server side powered by Derver.
-- [eleventy-plugin-embed-svelte](https://github.com/shalomscott/eleventy-plugin-embed-svelte) makes it easy to embed Svelte components into an 11ty site.
-- [svelte-tailwind-extension-boilerplate](https://github.com/kyrelldixon/svelte-tailwind-extension-boilerplate) is a good foundation for a Chrome extension using either JavaScript or TypeScript, Svelte for the frontend, Tailwind CSS for styling, Jest for testing, and Rollup as the build system.
-- [snowpack-ui](https://github.com/rajasegar/snowpack-ui) lets you run & manage Snowpack projects from the browser instead of the terminal
-- [Svelte for Appwrite](https://dev.to/torstendittmann/svelte-for-appwrite-4fkg) explains how to integrate with Appwrite, a self-hosted Firebase alternative [Github Repo](https://github.com/appwrite/sdk-for-svelte)
-- [here-maps-svelte](https://github.com/peopledrivemecrazy/here-maps-svelte) makes it easy to include HERE maps in a Svelte app
-- [p5-svelte](https://github.com/tonyketcham/p5-svelte) is an absolutely dead simple way of tossing the creative coding/sketching tool, p5, into a project
-- [svelte-windicss-preprocess](https://github.com/voorjaar/svelte-windicss-preprocess) is a Svelte preprocessor to compile tailwindcss at build time based on windicss compiler
-- [MitzaCoder/svelte-boilerplate](https://github.com/MitzaCoder/svelte-boilerplate) features configurations for Typescript, TailwindCSS, IE11 compatibility (with Babel) and lazy loaded modules.
-
-**Want to share your Svelte Component with the world?** Head over to the [Components](https://sveltesociety.dev/components) page on the Svelte Society site. You can contribute by making [a PR to this file](https://github.com/svelte-society/sveltesociety.dev/blob/master/src/pages/components/components.json).
-
-**Learning Resources**
-
-- [lihautan's Svelte Actions Playlist](https://www.youtube.com/watch?v=ciaMT_MswzE&list=PLoKaNN3BjQX3Gl14MBygFf8buPIw9pAeK) teaches how actions work and how they can help solve common problems when developing Svelte applications
-- [One-click Portfolio/Personal blog generator from dev.to API ](https://dev.to/shriji/one-click-portfolio-personal-blog-generator-from-dev-to-api-3apb) walks through creating a Sapper site that also fetches your articles from DEV.to using the API
-- [How to Code a VSCode Extension](https://www.youtube.com/watch?v=a5DX5pQ9p5M) features Svelte as a way to render a custom UI within VSCode
-- [This YouTube series on Plenti](https://www.youtube.com/watch?v=wyNC7R_VVyQ&list=PLbWvcwWtuDm12y3Hye6oKDwI2gAS0ccHW) walks through the new static site generator in detail
-
-## See you next month!
-
-Want to add your work to the Showcase? Want to contribute to Svelte? Check out the [Svelte Society](https://sveltesociety.dev/), [Reddit](https://www.reddit.com/r/sveltejs/) and [Discord](https://discord.com/invite/yy75DKs) to get involved!
diff --git a/site/content/blog/2021-03-01-whats-new-in-svelte-march-2021.md b/site/content/blog/2021-03-01-whats-new-in-svelte-march-2021.md
deleted file mode 100644
index 45a03444c76..00000000000
--- a/site/content/blog/2021-03-01-whats-new-in-svelte-march-2021.md
+++ /dev/null
@@ -1,104 +0,0 @@
----
-title: "What's new in Svelte: March 2021"
-description: Call for Svelte Summit Speakers! Improved SSR, non-HTML5 compilation targets, and ESLint TypeScript support
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-Lots to cover this month with releases from across the Svelte ecosystem. Most importantly, Svelte Summit Spring 2021 has an [Open Call for Speakers](https://sessionize.com/svelte-summit-spring-2021). **The deadline is March 14** so if you have an idea for a talk, submit it now!
-
-Let's dive into the news 🐬
-
-## What's new in `sveltejs/svelte`
-* SSR store handling has been reworked to subscribe and unsubscribe as in DOM mode. SSR stores should work much more consistently now (**3.31.2**, see [custom stores](https://svelte.dev/examples/custom-stores) and [Server-side component API ](https://svelte.dev/docs#run-time-server-side-component-api))
-* Multiple instances of the same action are now allowed on an element (**3.32.0**, [example](https://svelte.dev/repl/01a14375951749dab9579cb6860eccde?version=3.32.0))
-* The new `foreign` namespace should make it easier for alternative compile targets (like Svelte Native and SvelteGUI) by disabling certain HTML5-specific behaviour and checks (**3.32.0**, [more info](https://github.com/sveltejs/svelte/pull/5652))
-* Support for inline comment sourcemaps in code from preprocessors (**3.32.0**)
-* Destructured defaults are now allowed to refer to other variables (**3.33.0**, [example](https://svelte.dev/repl/0ee7227e1b45465b9b47d7a5ae2d1252?version=3.33.0))
-* Custom elements will now call `onMount` functions when connecting and clean up when disconnecting (**3.33.0**, checkout [this PR](https://github.com/sveltejs/svelte/pull/4522) for an interesting conversation on how folks are using Svelte with Web Components)
-* A `cssHash` option has been added to the compiler options to control the classname used for CSS scoping (**3.34.0**, [docs](https://svelte.dev/docs#compile-time-svelte-compile))
-* Continued improvement to Typescript definitions
-
-For a complete list of changes, including bug fixes and links to PRs, check out [the CHANGELOG](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md)
-
-
-## New from `sveltejs/language-tools`
-
-- For language server clients that don't support `didChangeWatchedFiles`, a fallback file watcher will be used instead
-- New highlighting rules for store accessors and element directives (like `bind:` and `class:`)
-- HTML tags can now be renamed together
-- Mustache tags parsing is now more robust and will provide better intellisense in more situations
-
-Haven't tried the language-tools yet? Check out [Svelte Extension for VSCode](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) or find a plugin for your favorite IDE!
-
-## Other changes from `sveltejs/*`
-
-- [eslint-plugin-svelte3](https://github.com/sveltejs/eslint-plugin-svelte3) now supports TypeScript as of 3.1.0
-- [prettier-plugin-svelte](https://github.com/sveltejs/prettier-plugin-svelte/) released a number of minor versions to address whitespace and comment trimming issues.
-- [svelte-preprocess](https://github.com/sveltejs/svelte-preprocess/) bug fixes this month include fixes to postcss transformations and support for both v2 and v3 of `postcss-load-config`
-- [sapper](https://github.com/sveltejs/sapper/)'s 0.29.1 release fixes some bad imports in type definitions, updates typings to be compatible with express/polka, and restores hashing of all CSS file names.
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-
-- [Tracking the Coronavirus](https://www.nytimes.com/interactive/2021/us/new-york-city-new-york-covid-cases.html) from NYTimes is an example of SvelteKit in production
-- [Budibase](https://github.com/Budibase/budibase) is an open-source low-code platform, helping developers and IT professionals build, automate, and ship internal tools 50x faster on their own infrastructure. 
-- [Track the Parcel](https://tracktheparcel.com/) is a one-stop tool for tracking parcel status with all major package shippers.
-- [Memo](https://sendmemo.app/features/) is a replacement for email that uses Svelte for modern messaging
-- [Userscripts Safari](https://github.com/quoid/userscripts) is an open-source userscript editor for Safari... a native Svelte app for Mac OS!
-- [SVGX](https://svgx.app/) is "the desktop SVG asset manager designers and developers wished they had."
-- [Armoria](https://azgaar.github.io/Armoria/) is a procedural heraldry generator and editor
-- [FictionBoard](https://www.fictionboard.com) is a virtual table top (VTT) platform that just released fillable and responsive character sheets
-- [Castles & Crusades Treasure Generator](https://treasure.playaheadgames.com/) is a treasure generator for the table top RPG: Castles and Crusades.
-- [NESBit Studio](https://jensa.org/NESBitStudio-web/graphics/spritesheets) is a toolkit to help the development of homebrew NES games
-- [ElectroBlocks](https://electroblocks.org/) is an online Arduino IDE with a built-in simulator (Chrome Only)
-- [Goblin.life](https://store.steampowered.com/app/552180/GoblinLife/) is a 3D world builder whose UI is built with Svelte
-- [farmbox](https://farmbox.ae/) is a UAE-based grocery delivery services
-- [heroeswearmasks.fun](https://heroeswearmasks.fun/) is a client-side machine learning tool that determines whether or not you're wearing a mask.
-- [weatherify](https://brdtheo-weatherify.netlify.app/) is a very pretty (and [open source](https://github.com/brdtheo/weatherify)) weather app
-- [DSN Live](https://dsn-live.netlify.app/#/) lets you monitor connections between NASA/JPL and interplanetary spacecraft missions in real time.
-
-
-
-**Demos, Libraries, Tools & Components**
-
-- [spc](https://github.com/khang-nd/spc) is a special characters picker component for the web
-- [svelte-injector](https://www.npmjs.com/package/svelte-injector) lets you inject Svelte components in React, Angular, Vue, jQuery, Vanilla JS.
-- [Felte](https://felte.dev/) is a form library for Svelte with simple validation reporting.
-- [svelte-use-form](https://github.com/noahsalvi/svelte-use-form#readme) is form library that "is easy to use and has 0 boilerplate."
-- [Formula](https://formula.svelte.codes/) provides "Zero Configuration Reactive Forms for Svelte."
-- [Houdini](https://github.com/AlecAivazis/houdini) is "the disappearing GraphQL client built for Sapper and Sveltekit."
-- [svelte-split-pane](https://www.reddit.com/r/sveltejs/comments/leoe33/sveltesplitpane/) is a draggable split pane component
-- [svelte-virtualized-auto-sizer](https://github.com/micha-lmxt/svelte-virtualized-auto-sizer) is a high-order component that automatically adjusts the width and height of a single child.
-- [svelte-window](https://github.com/micha-lmxt/svelte-window) are components for efficiently rendering large, scrollable lists and tabular data.
-- [Svelte Persistent store](https://github.com/MacFJA/svelte-persistent-store) is a Svelte store that keep its value through pages and reloads
-- [Svelte Dark](https://marketplace.visualstudio.com/items?itemName=NickScialli.svelte-dark) is a VSCode theme inspired by the svelte.dev REPL
-- [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost) has been updated to support Svelte libraries and help developers keep their bundle size under control.
-- [Tree-sitter-svelte](https://github.com/Himujjal/tree-sitter-svelte) provides tree-sitter grammar for svelte
-- [Svelte Ripple](https://svelte.dev/repl/b73224a0fd4248178e3eab41943d41a9?version=3.31.2) is a Material Design ripple effect that doesn't depend on `@material/ripple` (made by @karakara in the Svelte Discord)
-- [Analog SVG Clock](https://svelte.dev/repl/270e83f43e7a48918d8f2d497760904f?version=3.32.1) is a great example of easing functions (made by @tonmcg in the Svelte Discord)
-- [Console Log Styler](https://svelte.dev/repl/11f609d0d90746f08da6d3d90bba84fc?version=3.32.0) lets you generate a styled console log using pseudo HTML and CSS (made by @EmNudge in the Svelte Discord)
-- [svelte-heroicons](https://github.com/martinse/svelte-heroicons) is a handy wrapper for the Heroicons icon library
-- [supabase-ui-svelte](https://github.com/joshnuss/supabase-ui-svelte) are UI components for Supabase authentication
-
-**Have your own Svelte Component to share?** Check out the [Components](https://sveltesociety.dev/components) page on the Svelte Society site. You can contribute by making [a PR to this file](https://github.com/svelte-society/sveltesociety.dev/blob/master/src/pages/components/components.json).
-
-
-**Learning Resources & Starters**
-
-- [The **unofficial** SvelteKit docs](https://sk-incognito.vercel.app/learn/what-is-sveltekit) were built using SvelteKit and are [open for contributions](https://github.com/GrygrFlzr/kit-docs)
-- [📦 Svelte Store](https://www.youtube.com/playlist?list=PLoKaNN3BjQX3fG-XOSwsPHtnV8FUY6lgK) course by lihautan covers the basics of Svelte Stores and best practices.
-- [Svelte Events](https://www.youtube.com/watch?v=cbxxbBofjAw&feature=youtu.be) by WebJeda explains how directives like `on:` can be used to listen to DOM events.
-- [How to Set Up Protected Routes in Your Svelte Application](https://www.webtips.dev/how-to-set-up-protected-routes-in-your-svelte-application) describes how to authenticate your users to access your routes
-- [Using Fauna's streaming feature to build a chat with Svelte](https://dev.to/fauna/using-fauna-s-streaming-feature-to-build-a-chat-with-svelte-1gkd) demonstrates how to setup and configure Fauna to build a real-time chat interface with Svelte
-- [Using TakeShape with Sapper](https://www.takeshape.io/articles/using-takeshape-with-sapper/) demonstrates how to connect the TakeShape CMS with Sapper
-- [YastPack](https://github.com/rodabt/yastpack) is Yet Another Snowpack-Svelte-TailwindCss-Routify Template Pack
-- [S2T2](https://ralphbliu.medium.com/s2t2-snowpack-svelte-tailwindcss-typescript-8928caa5af6c) is a Snowpack + Svelte + TailwindCSS + Typescript template
-- [tonyketcham/sapper-tailwind2-template](https://github.com/tonyketcham/sapper-tailwind2-template) is a Sapper Template w/ Tailwind 2.0, TypeScript, ESLint, and Prettier
-
-## See you next month!
-
-Got something to add? Join us on [Svelte Society](https://sveltesociety.dev/), [Reddit](https://www.reddit.com/r/sveltejs/) and [Discord](https://discord.com/invite/yy75DKs)!
diff --git a/site/content/blog/2021-03-23-sveltekit-beta.md b/site/content/blog/2021-03-23-sveltekit-beta.md
deleted file mode 100644
index 59cc2c4833d..00000000000
--- a/site/content/blog/2021-03-23-sveltekit-beta.md
+++ /dev/null
@@ -1,67 +0,0 @@
----
-title: SvelteKit is in public beta
-description: And we'd love to have your feedback
-author: Rich Harris
-authorURL: https://twitter.com/rich_harris
----
-
-<aside><p>Previously: <a href="/blog/whats-the-deal-with-sveltekit">What's the deal with SvelteKit?</a></p></aside>
-
-It's time. After five months and hundreds of commits, you're finally invited to try out the SvelteKit beta. It's not finished — there are a few known bugs and several missing features — but we're really happy with how it's shaping up and can't wait for you to try it.
-
-Starting a new project is easy:
-
-```bash
-# create the project
-mkdir my-app
-cd my-app
-npm init svelte@next
-
-# install dependencies
-npm install
-
-# start dev server and open a browser tab
-npm run dev -- --open
-```
-
-You'll find documentation at [kit.svelte.dev/docs](https://kit.svelte.dev/docs). If you have a [Sapper](https://sapper.svelte.dev) app that you'd like to migrate to SvelteKit, you'll find instructions at [kit.svelte.dev/docs/migrating](https://kit.svelte.dev/docs/migrating).
-
-The source code is available at [github.com/sveltejs/kit](https://github.com/sveltejs/kit). Issues and pull requests are disabled while we finish getting our house in order, but we'll be making it fully open in the near future.
-
-
-## Wait, what is SvelteKit?
-
-Think of it as [Next](https://nextjs.org/) for Svelte. It's a framework for building apps with Svelte, complete with server-side rendering, routing, code-splitting for JS and CSS, adapters for different serverless platforms and so on.
-
-If you're familiar with [Sapper](https://sapper.svelte.dev), SvelteKit is Sapper's successor.
-
-## From Snowpack to Vite
-
-One thing that might seem surprising after the [announcement video](/blog/whats-the-deal-with-sveltekit), in which I waxed lyrical about [Snowpack](https://www.snowpack.dev/), is that SvelteKit uses [Vite](https://vitejs.dev) under the hood. When we tried Snowpack back when we started thinking about what form SvelteKit should take, it was love at first sight.
-
-Snowpack created an entirely new category of dev tooling. Rather than _bundling_ your app in development, as we've been doing with webpack and Rollup for the last several years, Snowpack is an _unbundled dev server_ that uses the browser's native `import` and does 1:1 transformations of things like Svelte components on the fly. As a result you get quick startup, simple caching and instant hot module reloading. Once you experience this way of working, it will ruin you for anything else.
-
-Vite falls into the same category as Snowpack. While Vite 1 wasn't suitable for SvelteKit — it was Vue-centric (Vite and Vue are both created by [Evan You](https://twitter.com/youyuxi)) and made server-side rendering difficult — Vite 2 is framework-agnostic and designed with SSR at the core. It also has powerful features, like CSS code-splitting, that we previously had to implement ourselves. When we evaluated the two technologies side-by-side we were forced to conclude that Vite is a closer match for SvelteKit's requirements and would give us the best chance to deliver the framework of our imaginations.
-
-We owe a deep debt of gratitude to the Snowpack team, both for the close collaboration earlier in development and for lighting the path that web development will take over the next few years. It's a wonderful tool, and you should absolutely try it out.
-
-
-## Dogfooding as extreme sport
-
-SvelteKit is very much in beta, but that doesn't mean it hasn't been used in production.
-
-My day job is at the New York Times, where I've spent much of the last twelve months working on our [coronavirus tracker](https://www.nytimes.com/interactive/2020/us/coronavirus-us-cases.html). It uses a customised version of the workflow that powers the majority of graphics at the Times, which isn't designed for large multi-page projects. When we decided late last year to create pages for each of the ~3,000 counties in the US, we quickly realised we would need to completely rearchitect the project.
-
-Even though it was far from ready, SvelteKit was the only framework that matched our esoteric requirements. (Anyone who has worked in a newsroom and done battle with their CMS will know what I'm talking about.) Today it powers our [county risk pages](https://www.nytimes.com/interactive/2021/us/tom-green-texas-covid-cases.html) and we're in the process of migrating existing pages to the SvelteKit app.
-
-<aside><p>I am eternally grateful for my coworkers' forbearance.</p></aside>
-
-Using unfinished software to build an app that will be seen by millions of people is a risk, and in general I don't recommend it. But it has enabled us to develop the app much faster, and has made the framework itself much stronger than it otherwise would be.
-
-## The road to 1.0
-
-You can see the list of outstanding issues with the 1.0 milestone on our [issue tracker](https://github.com/sveltejs/kit/issues?q=is%3Aopen+is%3Aissue+milestone%3A1.0). Alongside that work, we plan to upgrade the documentation and add more [adapters](https://kit.svelte.dev/docs/adapters).
-
-Most importantly though, we need your feedback to help us make the best possible app framework. Try it out, and let us know which pieces are missing.
-
-Many thanks to everyone who has tried SvelteKit out despite the 'here be dragons' warnings and lack of documentation; your back-channel feedback has been invaluable. In particular, I want to acknowledge the work of [GrygrFlzr](https://github.com/GrygrFlzr), who maintained unofficial docs and a fork that added Windows support when we lacked it; and [dominikg](https://github.com/dominikg) whose work on [Svite](https://github.com/svitejs/svite) laid essential groundwork for SvelteKit's Vite integration. Both have now been welcomed onto the team.
diff --git a/site/content/blog/2021-04-01-whats-new-in-svelte-april-2021.md b/site/content/blog/2021-04-01-whats-new-in-svelte-april-2021.md
deleted file mode 100644
index b5a360dee53..00000000000
--- a/site/content/blog/2021-04-01-whats-new-in-svelte-april-2021.md
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: "What's new in Svelte: April 2021"
-description: SvelteKit beta and new way to use slots
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-Two projects that have been months (even years) in the making have made their way out into the world. SvelteKit is now in public beta and slotted components are now available in Svelte!
-
-## What's up with SvelteKit?
-[SvelteKit](https://kit.svelte.dev/) - Svelte's versatile framework for building SSR, serverless applications, or SPAs - is now officially in public beta. Expect bugs! Lots more detail in the [latest blog post](https://svelte.dev/blog/sveltekit-beta). Want to know when 1.0 is close? Check out the milestone on [github](https://github.com/sveltejs/kit/milestone/2).
-
-Want to learn more about how to get started, what's different compared to Sapper, new features and migration paths? Check out this week's [episode of Svelte Radio](https://www.svelteradio.com/episodes/svelte-kit-public-beta) for a deep dive with Antony, Kev and Swyx.
-
-## New in Svelte & Language Tools
-- Slotted components, including `<svelte:fragment slot="...">` lets component consumers target specific slots with rich content (**Svelte 3.35.0, Language Tools [104.5.0](https://github.com/sveltejs/language-tools/releases/tag/extensions-104.5.0)**, check out the [docs](https://svelte.dev/docs#template-syntax-svelte-fragment) and the [tutorial](https://svelte.dev/tutorial/svelte-fragment))
-- Linked editing now works for HTML in Svelte files (**Language Tools, [104.6.0](https://github.com/sveltejs/language-tools/releases/tag/extensions-104.6.0)**)
-- Type definitions `svelte.d.ts` are now resolved in order, allowing library authors to ship type definitions with their svelte components (**Language Tools, [104.7.0](https://github.com/sveltejs/language-tools/releases/tag/extensions-104.7.0)**)
-- [vite-plugin-svelte](https://github.com/sveltejs/vite-plugin-svelte) is available for general use of Svelte in Vite. `npm init @vitejs/app` includes Svelte options using this plugin.
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-
-- [Nagato](https://nagato.app/) is a task management tool that connects popular time tracking and to-do tools all in one place.
-- [type-kana](https://type-kana.cass.moe/setup) is a quiz app to help you learn ひらがな (hiragana) and カタカナ (katakana), the Japanese syllabaries.
-- [Pittsburgh Steps](https://pittsburgh-steps.samlearner.com/) is an interactive map of the more than 800 sets of public outdoor stairways in Pittsburgh, PA.
-- [Music Mode Wheels](https://tobx.github.io/music-mode-wheels/) is a website that displays music modes as interactive wheels.
-- [Critical Notes](https://www.critical-notes.com/) helps game masters and players keep track of their roleplaying games campaigns and adventures.
-- [Svelte Game of Life](https://github.com/alanrsoares/svelte-game-of-life) is an educational implementation of Conway's Game of Life in TypeScript + Svelte
-- [foxql](https://github.com/foxql) is a peer to peer full text search engine that runs on your browser.
-
-
-**Demos, Libraries, Tools & Components**
-
-- [svelte-nodegui](https://github.com/nodegui/svelte-nodegui) is a way to build performant, native and cross-platform desktop applications with Node.js and Svelte
-- [Svelte Story Format](https://www.npmjs.com/package/@storybook/addon-svelte-csf) allows you to write your "stories" in Storybook using the Svelte syntax. More info in the [Storybook blog](https://storybook.js.org/blog/storybook-for-svelte/)
-- [SelectMadu](https://github.com/pavish/select-madu) is a replacement for the select menu, with support for searching, multiple selections, async data loading and more.
-- [Svelte Checklist](https://www.npmjs.com/package/svelte-checklist) is a customizable CheckList built with Svelte.
-- [Suspense for Svelte](https://www.npmjs.com/package/@jamcart/suspense) is a Svelte component that implements the core idea of React's `<Suspense>`.
-- [MiniRx](https://spierala.github.io/mini-rx-store/) is a RxJS Redux Store that works with Svelte and TypeScript
-- [svelte-formly](https://github.com/arabdevelop/svelte-formly) generates dynamic forms for Svelte and Sapper
-- [7ty](https://www.npmjs.com/package/@jamcart/7ty) is a static site generator that uses Svelte, supports partial hydration of components, and uses file based routing resembling Sapper and 11ty.
-
-**Want to contribute your own component?** Submit a [Component](https://sveltesociety.dev/components) to the Svelte Society site by making [a PR to this file](https://github.com/svelte-society/sveltesociety.dev/blob/master/src/pages/components/components.json).
-
-
-**Starters**
-
-- [sveltekit-electron](https://github.com/FractalHQ/sveltekit-electron) is a starter kit for Electron using SvelteKit
-- [sveltekit-tailwindcss-external-api](https://github.com/acidlake/sveltekit-tailwindcss-external-api) is everything you need to build a Svelte project with TailwindCSS and an external API, powered by create-svelte.
-- [Sapper Netlify](https://www.npmjs.com/package/sapper-netlify) is a Sapper project that can run on a Netlify function.
-
-
-**Looking for a particular starter?** Check out [svelte-adders](https://github.com/svelte-add/svelte-adders) and a number of other template examples at the community site [sveltesociety.dev](https://sveltesociety.dev/templates/)
-
-**Learning Resources**
-- [How to Build a Website with Svelte and SvelteKit](https://prismic.io/blog/svelte-sveltekit-tutorial) is a step-by-step tutorial walking through the new SvelteKit setup.
-- [A Svelte store for prefers-reduced-motion](https://geoffrich.net/posts/svelte-prefers-reduced-motion-store/) demonstrates how to make a custom Svelte store whose value will indicate whether the user has requested reduced motion and improve accessibility.
-- [TypeScript support in Svelte](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_TypeScript) is an MDN guide to using TypeScript in Svelte.
-- [How to merge cells with svelte-window](https://gradientdescent.de/merging-cells/) is a walkthrough of svelte-window, a port of the popular react-window tool for merging table cells. For more on this migration, see [from react-window 1:1 to svelte-window](https://gradientdescent.de/porting-react-window/).
-- [Easy-to-Embed Svelte Components](https://codeandlife.com/2021/03/06/easy-to-embed-svelte-components/) explains how to use Rollup and a script tag to embed Svelte components anywhere.
-- [Convert Svelte project from Rollup to Snowpack](https://www.youtube.com/watch?v=-sHcqj4YLeQ) walks through a common migration pattern on video.
-- [How to internationalize routing in Svelte & Sapper](https://www.leaf.cloud/blog/how-to-internationalize-routing-in-svelte-sapper?utm_medium=story&utm_source=reddit.com&utm_campaign=awareness&utm_content=sapper_routing) explains how leaf.cloud translated their site to Dutch.
-- [Svelte Store: Reactive context using Svelte Store](https://www.youtube.com/watch?v=-rTnWlbdjoY) is a video answer to the question, "How do we make [a] context value reactive?"
-- [Creating Social Sharing Images with Cloudinary and Svelte](https://www.youtube.com/watch?v=-Si5o-R7KHY) is a video from Cloudinary that demonstrates how to dynamically develop Open Graph images and Twitter Cards for a JAMstack website.
-
-
-## See you next month!
-
-Got something to add? Join us on [Svelte Society](https://sveltesociety.dev/), [Reddit](https://www.reddit.com/r/sveltejs/) and [Discord](https://discord.com/invite/yy75DKs)!
diff --git a/site/content/blog/2021-05-01-whats-new-in-svelte-may-2021.md b/site/content/blog/2021-05-01-whats-new-in-svelte-may-2021.md
deleted file mode 100644
index c162d7d54f5..00000000000
--- a/site/content/blog/2021-05-01-whats-new-in-svelte-may-2021.md
+++ /dev/null
@@ -1,76 +0,0 @@
----
-title: "What's new in Svelte: May 2021"
-description: Working toward SvelteKit 1.0 and a showcase full of SvelteKit sites!
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-Last week, Svelte Summit blew us away with a mountain of content! [Check out the full recording](https://www.youtube.com/watch?v=fnr9XWvjJHw) or an audio-only (p)review [on Svelte Radio](https://www.svelteradio.com/episodes/svelte-summit-party-episode). Now let's get into this month's news...
-
-## New features in the Svelte Compiler
-- `:global()` is now supported as part of compound CSS selectors (**3.38.0**, [Example](https://svelte.dev/repl/54148fd2af484f2c84977c94e523c7c5?version=3.38.0))
-- CSS custom properties can now be passed to components for use cases such as theming (**3.38.0**, [Docs coming soon](https://github.com/sveltejs/svelte/issues/6268))
-
-## New in SvelteKit
-- [kit.svelte.dev](https://kit.svelte.dev/) has a fresh new look and the [SvelteKit Demo Site](https://netlify.demo.svelte.dev/) got a fresh set of paint. Check it out by running `npm init svelte@next`
-- You can now use `@sveltejs/adapter-static` to create a single-page app or SPA by specifying a fallback page ([PR](https://github.com/sveltejs/kit/pull/1181), [Docs](https://github.com/sveltejs/kit/tree/master/packages/adapter-static))
-- Disable Server-side Rendering (SSR) app-wide or on a page-by-page basis ([PR](https://github.com/sveltejs/kit/pull/713))
-- Error messages thrown during pre-rendering are now much more informative and readable ([PR](https://github.com/sveltejs/kit/pull/1062), [Docs](https://kit.svelte.dev/docs/layouts#error-pages))
-- Layouts can now be reset to prevent pages from inheriting the root layout. This is useful if you have a specific layout for a page or i18n variation ([PR](https://github.com/sveltejs/kit/pull/1061), [Docs](https://kit.svelte.dev/docs/layouts#resets))
-- `fetch` in SvelteKit code will now use the environment-provided implementation, whenever possible. If `fetch` is unavailable, it will be polyfilled by adapters ([PR](https://github.com/sveltejs/kit/pull/1066), [Docs](https://kit.svelte.dev/docs/loading#input-fetch))
-
-## New in Svelte & Language Tools
-- `svelte-preprocess` now supports the "extends" field of the tsconfig.json (4.7.2)
-- HTML `style` attributes now have hover & auto-complete. Foreign namespaces and ESM configs are now supported in the Svelte language server & extensions
-- The Svelte language tools can now infer slot/event types from their props if a generic relationship between them was defined
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-
-- [gitpod.io](https://github.com/gitpod-io/website) recently rewrote its site with SvelteKit
-- [highlight eel](https://highlighteel.com/) is a web-based editor to mark your favorite parts of any YouTube video to clip and share with anyone
-- [The Far Star Mission](https://thefarstar.apotheus.net/) is an interactive audiobook companion to the album, The Far Star by Apotheus
-- [JavaScript quiz](https://github.com/nclskfm/javascript-quiz) is a small quiz application that saves your answers locally
-- [ExtensionPay](https://extensionpay.com/) lets developers accept secure payments in browser extensions with no backend server code.
-- [mk48.io](https://mk48.io/) is a naval warship game made with SvelteKit
-- [Frog Safety](https://frog-safety.vercel.app/) is a guide for African Dwarf Frogs and the API freshwater master kit
-- [Stardew Valley Character Preview](https://github.com/overscore-media/stardew-valley-character-preview) loads your character's attributes from your Stardew Valley savefile and lets you play around with different outfits, colours, and accessories.
-
-
-**Demos, Libraries, Tools & Components**
-
-- [svelte-parallax](https://github.com/kindoflew/svelte-parallax) is a spring-based parallax component for Svelte
-- [@svelte-plugins/viewable](https://github.com/svelte-plugins/viewable) is a simple rule-based approach to tracking element viewability.
-- [Sveltekit-JUI](https://github.com/Wolfr/sveltekit-jui) is a kit of UI components to be used in conjunction with Svelte and Svelte Kit.
-- [EZGesture](https://github.com/mhmd-22/ezgesture#integrating-with-other-frameworks) makes it easy to add gestures functionality with simple native DOM events 
-
-**Want to contribute your own component?** Submit a [Component](https://sveltesociety.dev/components) to the Svelte Society site by making [a PR to this file](https://github.com/svelte-society/sveltesociety.dev/blob/master/src/pages/components/components.json).
-
-
-**Starters**
-- [How to use Vercel Analytics with SvelteKit](https://ivoberger.com/posts/using-vercel-analytics-with-svelte-kit) teaches how to track Web Vitals across your users' devices
-- [Asp.NETCore + Svelte + Vite](https://github.com/Kiho/aspcore-spa-cli/tree/master/samples/SviteSample) connects the three frameworks with SpaCliMiddleware (VS2019)
-- [Add CoffeeScript to Svelte](https://github.com/Leftium/coffeescript-adder) is an experimental command to run to add CoffeeScript to your SvelteKit project or Vite-powered Svelte app
-- [Adds Supabase to Svelte](https://github.com/joshnuss/svelte-supabase) is an experimental command to run to add Supabase to your SvelteKit project
-- [svelte-babylon](https://github.com/SectorXUSA/svelte-babylon) lets you use BabylonJS like A-Frame through reactive Svelte Components
-
-**Looking for a starter or integration?** Check out [svelte-adders](https://github.com/svelte-add/svelte-adders) and a number of other template examples at the community site [sveltesociety.dev](https://sveltesociety.dev/templates)
-
-
-**Learning Resources**
-- [Amazing macOS Dock animation in Svelte](https://dev.to/puruvj/amazing-macos-dock-animation-in-svelte-5hfb) demonstrates how nice Svelte and popmotion look together
-- [Solving the Tower of Hanoi with recursive Svelte templates](https://geoffrich.net/posts/svelte-tower-of-hanoi/) incorporates the `<svelte:self>` element into a common computer science problem
-- [DIY SvelteKit CDK adapter](https://dev.to/juranki/diy-sveltekit-cdk-adapter-3enp) puts together SvelteKit and AWS CDK
-- Fireship's [Svelte in 100 Seconds](https://www.youtube.com/watch?v=rv3Yq-B8qp4) is a quick and easy introduction to Svelte's core concepts
-- [Tech Downtime](https://www.youtube.com/watch?v=tsePBA2JC7o&list=PLualcIC6WNK1LHIYx2Tg9AQfTQDv4zNPu) has been diving into SvelteKit in this playlist - from getting up and running to debugging.
-- lihautan's latest video updates in the [Svelte 101](https://www.youtube.com/watch?v=rwYgOU0WmVk&list=PLoKaNN3BjQX3mxDEVG3oGJx2ByXnue_gR&index=59) and [Svelte Store](https://www.youtube.com/watch?v=p4GmT0trCPE&list=PLoKaNN3BjQX3fG-XOSwsPHtnV8FUY6lgK&index=19) playlists cover slots, stores and context - and when to use which
-- [DavidParkerW](https://www.youtube.com/c/DavidParkerW/playlists) has been exploring Svelte, Sapper and SvelteKit in some real-world scenarios, like [displaying a blog post list from an API](https://www.youtube.com/watch?v=kAPVFgFnxaM&list=PLPqKsyEGhUna6cvm6d4vZNI6gbt_0S4Xx&index=15)
-
-
-
-## See you next month!
-
-Got something to add? Join us on [Svelte Society](https://sveltesociety.dev/), [Reddit](https://www.reddit.com/r/sveltejs/) and [Discord](https://discord.com/invite/yy75DKs)!
diff --git a/site/content/blog/2021-06-01-whats-new-in-svelte-june-2021.md b/site/content/blog/2021-06-01-whats-new-in-svelte-june-2021.md
deleted file mode 100644
index d1e3af95fb0..00000000000
--- a/site/content/blog/2021-06-01-whats-new-in-svelte-june-2021.md
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: "What's new in Svelte: June 2021"
-description: Progress towards SvelteKit 1.0 and tighter TypeScript/Svelte integrations in language tools
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-This month, we saw lots of contributions to SvelteKit and its docs. The language tools also got some new features, most notably deeper integration with Svelte files within JavaScript or TypeScript files. Let's jump into the updates...
-
-## New in SvelteKit
-- `svelte.config.js` config files are now loaded in ESM format (`.js` instead of `.cjs`).
-- AMP pages will now use the rendered CSS, rather than emitted CSS
-- `svelte-check` has been added to the TypeScript template ([sveltejs/kit#1556](https://github.com/sveltejs/kit/pull/1556)) 
-- Support for https keypair [sveltejs/kit#1456](https://github.com/sveltejs/kit/pull/1456) 
-- Now bundling Vite with SvelteKit and using an upgraded version. Remove Vite from your `package.json` if it's there 
-- Etags for binary responses [sveltejs/kit#1382](https://github.com/sveltejs/kit/pull/1382) 
-- Renamed `$layout` to `__layout` and `$error` to `__error` 
-- Removed `getContext` in favor of `request.locals` 
-- Renamed `.svelte` output directory to `.svelte-kit`. Update your `.gitignore` accordingly
-- `trailingSlash: 'never' | 'always' | 'ignore'` is now available in the config. This should make it easier to build sites that work with static hosting providers that expect a trailing slash for `index.html` pages, and provides an escape hatch for anyone that needs more complex behaviour.
-
-## Notable bug fixes in SvelteKit
-- `adapter-netlify` got a fix [sveltejs/kit#1467](https://github.com/sveltejs/kit/pull/1467) and new documentation in the readme https://github.com/sveltejs/kit/tree/master/packages/adapter-netlify 
-- The router will no longer intercept navigation for URLs that the app does not own. This fixes a crash for apps that have `<a>` elements on the page with the same origin but don't share a base path with the app.
-- Hash only changes are now handled by the router fixing the browser's "back" navigation between hash changes in some circumstances.
-
-
-
-## New in Svelte & Language Tools
-- Svelte 3.38.1 and 3.38.2 fixed an issue with hydration that was causing duplicate elements. If you're seeing this in your project, be sure to update the latest version!
-- A new TypeScript plugin provides deeper integration with Svelte files within JavaScript or TypeScript files. This includes diagnostics, references and renaming of variables. It comes packaged with the VS Code extension but is turned off by default for now. You can enable it through [this setting](https://github.com/sveltejs/language-tools/tree/master/packages/svelte-vscode#svelteenable-ts-plugin). We encourage you to test it out and [provide feedback](https://github.com/sveltejs/language-tools/issues/580)
-- In the latest version of `svelte-check` you can now provide the path to your `tsconfig.json` or `jsconfig.json`. Example: `svelte-check --tsconfig "./tsconfig.json"`. This ensures the diagnostics are only run on files that are referenced in that config. It also runs diagnostics on JavaScript and/or TypeScript files which removes the need to run another check (like `tsc --noEmit`) for non-Svelte files (`svelte-check` version [**1.6.0**](https://github.com/sveltejs/language-tools/releases/tag/svelte-check-1.6.0))
-- The VS Code extension and `svelte-check` got a new major release. Previously, properties that had no initializer (`export let foo;`) were only required if the user was using both TypeScript and activated `strict` mode. This is changed now: People using TypeScript, and those using `checkJs` also in JavaScript files, will now always have these properties marked as required (`svelte-check` version [**2.0.0**](https://github.com/sveltejs/language-tools/releases/tag/svelte-check-2.0.0), extension version [**105.0.0**](https://github.com/sveltejs/language-tools/releases/tag/extensions-105.0.0))
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-
-- [vidu](https://github.com/pa-nic/vidu) is a minimal web analytics collector and dashboard
-- [River Runner](https://river-runner.samlearner.com/) is a virtual way to follow rivers downstream - built with Mapbox and Svelte.
-- [JSDoc Type Generator](https://rafistrauss.github.io/jsdoc-generator/) generates JSDoc types for valid JSON.
-- [pagereview.io](https://pagereview.io/) is a website feedback tool that lets you leave comments directly on the site being reviewed.
-- [gamesroom.io](https://gamesroom.io/) is an online board game platform with video chat built-in.
-- [Greedy Goblin](https://greedygoblin-fe11c.web.app/) is a recipe app for old-school Runescape players.
-- [hashbrown.geopjr.dev](https://hashbrown.geopjr.dev/) is a GNOME-shell inspired webpage to learn about, explore the source code and download the Hashbrown GTK app ([link to source](https://github.com/GeopJr/Hashbrown/tree/website)).
-
-
-**Libraries, Tools & Components**
-
-- [svelte-image-crop](https://novacbn.github.io/svelte-image-crop/) is a simple click'n'drag image cropping library using Web APIs.
-- [svelte-datepicker](https://github.com/andrew-secret/svelte-datepicker) is a lightweight and inclusive date picker build with Svelte.
-- [svelte-regex-router](https://www.npmjs.com/package/svelte-regex-router) is a simple, lightweight library for you to easily handle routes in your Svelte application.
-- [Svelte Micro](https://www.npmjs.com/package/svelte-micro) is a light & reactive one-component router for Svelte.
-- [svelte-entity-store](https://www.npmjs.com/package/svelte-entity-store) is to provide a simple, generic solution for storing collections of entity objects.
-- [svelte-animation-store](https://github.com/joshnuss/svelte-animation-store) is a store that is based on Svelte's tweened store, that lets you pause, continue, reset, replay, reverse or adjust speed of a tween.
-
-
-**Want to contribute a component?** Submit a [Component](https://sveltesociety.dev/components) to the Svelte Society site by making [a PR to this file](https://github.com/svelte-society/sveltesociety.dev/blob/master/src/pages/components/components.json).
-
-
-## See you next month!
-
-Did we miss something? Join us on [Svelte Society](https://sveltesociety.dev/), [Reddit](https://www.reddit.com/r/sveltejs/) and [Discord](https://discord.com/invite/yy75DKs)!
diff --git a/site/content/blog/2021-07-01-whats-new-in-svelte-july-2021.md b/site/content/blog/2021-07-01-whats-new-in-svelte-july-2021.md
deleted file mode 100644
index c7510143a86..00000000000
--- a/site/content/blog/2021-07-01-whats-new-in-svelte-july-2021.md
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: "What's new in Svelte: July 2021"
-description: Keeping cool with fixes, TypeScript tooling and tonnes of new features
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-As the northern hemisphere heats up, Svelte has stayed cool with lots of performance and bug fixes, better TypeScript support, and lots of new components & tools from around the ecosystem. Let's take a peek 👀
-
-## New in SvelteKit
-- `adapter-node` now precompresses assets using gzip & brotli ([#1693](https://github.com/sveltejs/kit/pull/1693))
-- Support for TypeScript transpilation has been added to the `svelte-kit package` tooling ([#1633](https://github.com/sveltejs/kit/pull/1633))
-- Improved caching defaults in `adapter-node` ([#1416](https://github.com/sveltejs/kit/pull/1416))
-- Allow configuring Rollup output options ([#1572](https://github.com/sveltejs/kit/pull/1572))
-- Fixed usage of SSL with HMR ([#1517](https://github.com/sveltejs/kit/pull/1517))
-
-
-
-## Features & bug fixes from around svelte/*
-- [Svelte 3.38.3](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md#3383) (released June 22) includes a bunch of performance and bug fixes - including hydration optimizations, `this` preservation in bubbled events, and more!
-- The latest language tools releases added support for prop renaming from outside of a component, PostCSS syntax grammar, and a `.d.ts` output target in `svelte2tsx` which can be used to create type definitions from Svelte files.
-- Also in language tools, some long-awaited experimental features for enhanced TypeScript support were added - including explicitly typing all possible component events or slots, and using generics. Have a look at [the RFC](https://github.com/sveltejs/rfcs/pull/38) for more details and leave feedback in [this issue](https://github.com/sveltejs/language-tools/issues/442) if you are using it.
-- `svelte-scroller` got some quality-of-life fixes in 2.0.7 - fixing an initial width bug and updating its `index` more conservatively
-
-
-## Coming soon to Svelte
-- Constants in markup ([RFC](https://github.com/sveltejs/rfcs/blob/master/text/0000-markup-constants.md)): Adds a new `{@const ...}` tag that defines a local constant ([PR](https://github.com/sveltejs/svelte/pull/6413))
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-- [SvelteThemes](https://sveltethemes.dev/) is a curated list of Svelte themes and templates built using svelte, sveltekit, elderjs, routify etc.
-- [Beatbump](https://github.com/snuffyDev/Beatbump) is an alternative frontend for YouTube Music created using Svelte/SvelteKit.
-- [Sveltuir](https://github.com/webspaceadam/sveltuir) is an app help you memorize the guitar fretboard
-
-
-**Educational Content**
-- [Svelte Radio: A Jolly Good Svelte Summer](https://share.transistor.fm/s/60880542) is a conversation about what's new in Svelte and a celebration of Svelte Radio's 1-year anniversary
-- [Class properties in Svelte](https://navillus.dev/blog/svelte-class-props) is a refresher on the power of `class` for developers switching over to Svelte from React
-- [Sveltekit Tutorial for Beginners](https://www.youtube.com/playlist?list=PLm_Qt4aKpfKjf77S8UD79Ockhwp_699Ms) is a video playlist for learning SvelteKit by WebJeda
-- [How To Cache Dynamic Pages On Demand With A Service Worker In SvelteKit](https://jochemvogel.medium.com/how-to-cache-dynamic-pages-on-demand-with-a-service-worker-in-sveltekit-4b4a7652583d) walks through the power of service workers when used within SvelteKit for on-demand caching
-- [Vue vs Svelte: Comparing Framework Internals](https://www.vuemastery.com/blog/vue-vs-svelte-comparing-framework-internals/) dives deep into the differences between Vue and Svelte from the inside out
-- [Setting up a development environment for SvelteKit with Docker and Docker Compose](https://jenyus.web.app/blog/2021-05-30-setting-up-a-development-environment-for-sveltekit-with-docker-and-compose) walks through how to use Docker to create reusable development environments, no matter what kind of device you run your code on
-- Scalable Scripts released three videos this month documenting how to deploy dockerized Svelte Apps to [AWS](https://youtu.be/VOs2Od5jYOc), [Azure](https://youtu.be/gdg4ne_uDm8) and [Google Cloud](https://youtu.be/_-uBb61Tikw)
-- [Render Katex with Svelte from zero to hero](https://www.youtube.com/watch?v=euowJs9CblA) demonstrates how to implement Katex in a Svelte project
-- [Using Custom Elements in Svelte](https://css-tricks.com/using-custom-elements-in-svelte/) shows some of the quirks to look out for when using custom elements in a Svelte site
-
-
-**Libraries, Tools & Components**
-- [svelte-pipeline](https://github.com/novacbn/svelte-pipeline) provides custom Javascript contexts and the Svelte Compiler as Svelte Stores, for REPLs, Editors, etc.
-- [Sveltotron](https://github.com/Salemmous/sveltotron) is an Electron-based app made to inspect your Svelte app
-- [svelte-qr-reader-writer](https://github.com/pleasemarkdarkly/svelte-qr-reader-writer) is a Svelte component that helps read and write data from QR codes
-- [svelte-stack-router](https://www.npmjs.com/package/svelte-stack-router) Aims to make Svelte apps feel more native by routing with Stacks
-- [svelte-typed-context](https://www.npmjs.com/package/svelte-typed-context) provides an interface which, when provided to `getContext` or `setContext`, allows for stricter types
-- [svelte-modals](https://svelte-modals.mattjennings.io/) is a simple, flexible, zero-dependency modal manager for Svelte
-
-
-**Want to contribute a component? Interested in helping make Svelte's presence on the web better?** Submit a Component to the Svelte Society site by making [a PR to this file](https://github.com/svelte-society/sveltesociety-2021/blob/main/src/routes/components/components.json) or check out [the list of open issues](https://github.com/svelte-society/sveltesociety-2021/issues) if you'd like to contribute to the Svelte Society rewrite in SvelteKit.
-
-
-## See you next month!
-
-Want more updates? Join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs)!
diff --git a/site/content/blog/2021-08-01-whats-new-in-svelte-august-2021.md b/site/content/blog/2021-08-01-whats-new-in-svelte-august-2021.md
deleted file mode 100644
index 0dd54ca22f8..00000000000
--- a/site/content/blog/2021-08-01-whats-new-in-svelte-august-2021.md
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: "What's new in Svelte: August 2021"
-description: Shadow DOM, export and await - oh my!
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-From The Changelog ([JS Party Ep. 182](https://changelog.com/jsparty/182)) to Svelte Radio (Episodes [29](https://share.transistor.fm/s/adc23e84) and [30](https://share.transistor.fm/s/6316622d)), it seems that folks couldn't help but talk about Svelte, this month! Also, shadow DOM support and new export and await functionality are new in Svelte.
-
-## New in Svelte
-
-July was the most active month for the Svelte core repo since late 2019 as we really worked to reduce the number of outstanding PRs and saw the release of Svelte 3.39.0, 3.40.0, and 3.41.0. Tons of bug fixes were added as well as the following new features:
-
-- The `|trusted` event modifier allows you to check if an event is trusted before it's called ([#6137](https://github.com/sveltejs/svelte/issues/6137))
-- The new `svelte/ssr` package to support work on improving SvelteKit SSR ([#6416](https://github.com/sveltejs/svelte/pull/6416))
-- A new `errorMode` compiler option to support improved preprocessing of TypeScript files ([#6194](https://github.com/sveltejs/svelte/pull/6194))
-- You can now specify a `ShadowRoot` as the `target` when creating a component - making it possible to render Svelte components inside the shadow DOM ([#5869](https://github.com/sveltejs/svelte/issues/5869))
-- The `export { ... } from` ([#2214](https://github.com/sveltejs/svelte/issues/2214)), `export let { ... } =` ([#5612](https://github.com/sveltejs/svelte/issues/5612)) and `{#await ... then/catch}` ([#6270](https://github.com/sveltejs/svelte/issues/6270)) syntaxes are all now supported in Svelte components
-
-For a full list of features and bug fixes, check out the [Svelte changelog](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md).
-
-## SvelteKit Updates
-- `prerender.force` is now `prerender.onError` which lets you fine-tune which errors fail the build and which do not ([#2007](https://github.com/sveltejs/kit/pull/2007))
-- esbuild's configuration is now exposed for use with SvelteKit adapters ([#1914](https://github.com/sveltejs/kit/pull/1914))
-- Error messages are friendlier now for common config errors ([#1910](https://github.com/sveltejs/kit/pull/1910)) and compiler errors ([#1827](https://github.com/sveltejs/kit/pull/1827))
-- Cookies will only be passed through if the target host is the same as the SvelteKit application or a more specific subdomain of it ([#1847](https://github.com/sveltejs/kit/pull/1847))
-- index.js exports will now be changed to directory exports when packaging - making for nicer imports ([#1905](https://github.com/sveltejs/kit/pull/1905))
-- Vite.js's `mode` is now exposed from `$app/env` ([#1789](https://github.com/sveltejs/kit/pull/1789))
-- Better types across the board ([#1778](https://github.com/sveltejs/kit/pull/1778), [#1791](https://github.com/sveltejs/kit/pull/1791), [#1646](https://github.com/sveltejs/kit/pull/1646))
-
-To see all updates to SvelteKit, check out the [SvelteKit changelog](https://github.com/sveltejs/kit/blob/master/packages/kit/CHANGELOG.md).
-
-## Features & bug fixes from around svelte/*
-- Language Tools now better support the "Workplace Trust" functionality (used in VS Code)
-- In svelte2tsx, ambient type declarations are now renamed to avoid conflicting declarations in the future. Users are now expected to provide the ambient type definitions themselves - fixing JS output
-- Sapper released v0.29.2 which fixes regex routes, status codes when requesting a directory, and exports when a user has not provided a `base` tag ([changelog](https://github.com/sveltejs/sapper/blob/master/CHANGELOG.md))
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-- [Parsnip](https://www.parsnip.ai/) is a mobile-first, progressive-web-app that helps you to learn to cook at home. Check out the [conversation on Reddit](https://www.reddit.com/r/sveltejs/comments/oearb9/learning_to_cook_at_home_with_parsnip_built/) for all the geeky details.
-- [Central Bank Digital Currency (CBDC) tracker](https://www.atlanticcouncil.org/cbdctracker/) is a site that keeps track of how countries around the world are adopting digital currencies.
-- [Svelte Commerce](https://github.com/itswadesh/svelte-commerce) is an advanced frontend platform for eCommerce based on Sveltekit.
-- [neovimcraft](https://neovimcraft.com/) is a SvelteKit site dedicated to neovim plugins
-
-**Looking for a Svelte project to work on? Interested in helping make Svelte's presence on the web better?** Check out [the list of open issues](https://github.com/svelte-society/sveltesociety-2021/issues) if you'd like to contribute to the Svelte Society rewrite in SvelteKit.
-
-**Educational Content**
-- [How I Built a Cross-Platform Desktop Application with Svelte, Redis, and Rust](https://css-tricks.com/how-i-built-a-cross-platform-desktop-application-with-svelte-redis-and-rust/) is a blog post by Luke Edwards, Svelte maintainer and Developer Advocate from Cloudflare.
-- [How to Create a Blog with SvelteKit and Strapi](https://strapi.io/blog/how-to-create-a-blog-with-svelte-kit-strapi) is a step-by-step tutorial by Aarnav Pai from Strapi
-- [Sveltekit Markdown Blog](https://www.youtube.com/watch?v=sKKgT0SEioI&list=PLm_Qt4aKpfKgonq1zwaCS6kOD-nbOKx7V) is a YouTube tutorial series by WebJeda.
-- [Using Custom Elements in Svelte](https://css-tricks.com/using-custom-elements-in-svelte/) is a deep dive into custom elements by Geoff Rich.
-- [learn / graphql / svelte](https://hasura.io/learn/graphql/svelte-apollo/introduction/) is a free 2-hour GraphQL course course from Hasura.
-- [How to add Magic Link to a SvelteKit application](https://magic.link/posts/magic-svelte) is a guide to the popular password-less login pattern.
-
-**Libraries, Tools & Components**
-- [Svelte-Capacitor](https://github.com/drannex42/svelte-capacitor/) just released v2.0.0 - making it even easier to build hybrid mobile apps for iOS and Android using Svelte and Capacitor with near native performance.
-- [svelte-remixicon](https://github.com/ABarnob/svelte-remixicon) is an icon library for Svelte based on Remix Icon, consisting of more than 2000 icons.
-- [SveltePress](https://github.com/GeopJr/SveltePress) is a documentation tool built on top of SvelteKit.
-- [Svelte Starter Kit](https://github.com/one-aalam/svelte-starter-kit/tree/auth-supabase) is a boilerplate to quckly get up and running with Svelte, with Auth and User Profiles powered by Supabase.
-- [Kahi UI](https://github.com/novacbn/kahi-ui) is a Svelte-first UI kit with Dark Mode built-in.
-- [typesafe-i18n](https://github.com/ivanhofer/typesafe-i18n) is an opinionated, fully type-safe, lightweight localization library for TypeScript and JavaScript projects with no external dependencies.
-
-Check out the community site [sveltesociety.dev](https://sveltesociety.dev/templates/) for more templates, adders and adapters from across the Svelte ecosystem.
-
-
-## See you next month!
-
-Want more updates? Join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs)!
diff --git a/site/content/blog/2021-09-01-whats-new-in-svelte-september-2021.md b/site/content/blog/2021-09-01-whats-new-in-svelte-september-2021.md
deleted file mode 100644
index d4794b3c5e1..00000000000
--- a/site/content/blog/2021-09-01-whats-new-in-svelte-september-2021.md
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: "What's new in Svelte: September 2021"
-description: StackOverflow's most loved web framework
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-This month, Svelte was [voted StackOverflow's most loved web framework](https://insights.stackoverflow.com/survey/2021#section-most-loved-dreaded-and-wanted-web-frameworks), Tan Li Hau [talked to Svelte Radio](https://share.transistor.fm/s/84c7521b) about his [Svelte-filled YouTube channel](https://www.youtube.com/channel/UCbmC3HP3FaAFdcZkui8YoMQ), and SvelteKit made even more progress towards its 1.0 release!
-
-## New in Svelte
-
-- `use:actions` can now be used on `<svelte:body>` (**3.42.0**)
-- `HTMLElement`, `SVGElement` (**3.42.2**) and `BigInt` (**3.42.3**) are now known globals
-- There is less code in Svelte's output thanks to the following improvements in **3.42.2**:
-  - Whitespace is now collapsed in class and style attributes
-  - Hydrated components have been updated to only rely upon helpers for creating the types of elements present in the component
-- Scaling is now accounted for in `flip` animations (**3.42.2**)
-- All `<option>`s in a `<select>` are now deselected when the bound value doesn't match any of them (**3.42.2**)
-
-For a full list of features and bug fixes, check out the [Svelte changelog](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md).
-
-## SvelteKit Updates
-
-Svelte maintainers are [looking for help getting SvelteKit to 1.0](https://github.com/sveltejs/kit/issues/2100). We've knocked out over 100 issues that were on the 1.0 milestone. There's only a couple dozen left and we'd love a hand making that list a bit shorter!
-
-If you'd like to help, please consider working on any of the [1.0 milestone issues](https://github.com/sveltejs/kit/issues?q=is%3Aopen+is%3Aissue+milestone%3A1.0).
-
-The focus this past month was on continuing to iron out any kinks, with well over 100 PRs merged. A few new features went in as well...
-
-- SvelteKit will now detect if a prerendered app is trying to access a query parameter and return an error instead of failing silently ([#2104](https://github.com/sveltejs/kit/pull/2104))
-- `adapter-node` now lets you [add the Kit middleware to your own server](https://kit.svelte.dev/faq#integrations) for use with other middleware. You can also [add middleware in dev mode](https://kit.svelte.dev/faq#how-do-i-use-x-with-sveltekit-how-do-i-use-middleware) with more improvements to come in this area
-- The new [`sequence` helper lets you chain together multiple `handle` calls](https://kit.svelte.dev/docs/modules#sveltejs-kit-hooks)
-- A new [`handleError` hook](https://kit.svelte.dev/docs/hooks#handleerror) gives you the option to send data to an error tracking service, or to customise the formatting before printing the error to the console.
-- `adapter-node` can now listen on socket path ([#2048](https://github.com/sveltejs/kit/pull/2048))
-
-To see all updates to SvelteKit, check out the [SvelteKit changelog](https://github.com/sveltejs/kit/blob/master/packages/kit/CHANGELOG.md).
-
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-- [macos-web](https://github.com/PuruVJ/macos-web) by @puruvjdev has been rebuilt with Svelte from the ground up. Check out all the details in this [Twitter thread](https://twitter.com/puruvjdev/status/1426267327687847939)
-- [Brave Search](https://search.brave.com/) is using Svelte
-- [exatorrent](https://github.com/varbhat/exatorrent) is a self-hostable, easy-to-use, lightweight and feature-rich torrent client written in Go and Svelte
-- [json2TsTypes](https://github.com/jatinhemnani01/json2TsTypes) is a simple tool which will convert your JSON to Typescript Types/Interfaces
-- [Histogram.dev](https://histogram.dev/) generates histograms for each feature in a CSV
-- [cybernetic.dev](https://cybernetic.dev/) is a collection of data-centric UI experiments made while learning Svelte
-- [LunaNotes](https://chrome.google.com/webstore/detail/lunanotes-youtube-video-n/oehoffnnkgcdacmbkhmlbjedinpampak?hl=en) is a Chrome extension to help with taking YouTube video notes
-- [theia.games](https://theia.games/#dev)'s built-in 3D environment editor lets you create a VR world with a menu built in Svelte
-- [Ferrum](https://github.com/probablykasper/ferrum) is a music library and player available for Mac, Windows or Linux
-- [Fluid Earth](https://github.com/byrd-polar/fluid-earth) is an interactive WebGL application for visualizing Earth's atmosphere and oceans
-
-**Looking for a Svelte project to work on? Interested in helping make Svelte's presence on the web better?** Check out [the list of open issues](https://github.com/svelte-society/sveltesociety-2021/issues) if you'd like to contribute to the Svelte Society rewrite in SvelteKit.
-
-**Educational Content**
-- [Tauri with Standard Svelte or SvelteKit](https://medium.com/@cazanator/tauri-with-standard-svelte-or-sveltekit-ad7f103c37e7) walks through how to setup Svelte with Tauri, a new light-weight framework for developing cross-platform hybrid desktop applications
-- [Svelte - Web App Development Reimagined [An Intro to Svelte]](https://www.youtube.com/watch?v=4CGzFwHoD0A&list=PLEx5khR4g7PKSASVAXXiAhkyx02_OeruP) is a great intro talk from the goto; conference
-- [LevelUpTuts - Even More 5 Things I Like More In Svelte Than React](https://www.youtube.com/watch?v=ISmnG2sIOeM) highlights Svelte's approach to refs (don't need them), meta tags and more
-- [State Management in Svelte Applications](https://auth0.com/blog/state-management-in-svelte-applications/) is a tutorial on how to use the Svelte state management store to manage state in Svelte applications
-- [Migrating from Sapper to SvelteKit](https://shipbit.de/blog/migrating-from-sapper-to-svelte-kit/) is a review and retrospective of ShipBit's migration from Sapper
-
-**Libraries, Tools & Components**
-- [svelte-stripe-js](https://github.com/joshnuss/svelte-stripe-js) is everything you need to add Stripe to your Svelte project. 100% SvelteKit compatible
-- [svelte-steps](https://github.com/shaozi/svelte-steps) is a customizable step component written in Svelte
-- [simple-optics-module](https://gitlab.com/Samzelot/simple-optics-module) is an online open source optics tool for experimenting and teaching geometrical optics
-- [inlang](https://github.com/samuelstroschein/inlang) is an internationalization (i18n) tool for SvelteKit apps
-- [Sveno](https://github.com/pocinnovation/sveno) is a component transpiler that transforms React components to Svelte components
-- [svelte-useactions](https://github.com/paolotiu/svelte-useactions) is a fully typed library for passing actions to components
-- [Svelte-Element-Query](https://github.com/leveluptuts/Svelte-Element-Query) is a 322b library/action for element queries
-- [svelte-meta-tags](https://github.com/oekazuma/svelte-meta-tags) is a plug-in that makes managing SEO easier in Svelte projects
-- [svelte-domtree](https://github.com/alex-knyaz/svelte-domtree) lets you visualize the DOM - similar to DOM tree in Chrome DevTools
-- [Diffx](https://github.com/jbjorge/diffx/tree/master/svelte), a cross-framework state management library, just added Svelte support
-- [svelte-ionic-starter](https://github.com/Zettexe/svelte-ionic-starter) a project template for Svelte + Ionic + CapacitorJS apps with live reload and iOS/Android build targets
-- [demo-sveltekit-sanity](https://github.com/stephane-vanraes/demo-sveltekit-sanity/) is a starter kit for SvelteKit and Sanity, an open source React CMS
-
-Check out the community site [sveltesociety.dev](https://sveltesociety.dev/templates/) for more templates, adders and adapters from across the Svelte ecosystem.
-
-
-## See you next month!
-
-Want more updates? Join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs)!
diff --git a/site/content/blog/2021-10-01-whats-new-in-svelte-october-2021.md b/site/content/blog/2021-10-01-whats-new-in-svelte-october-2021.md
deleted file mode 100644
index 5ffd65bb0a3..00000000000
--- a/site/content/blog/2021-10-01-whats-new-in-svelte-october-2021.md
+++ /dev/null
@@ -1,99 +0,0 @@
----
-title: "What's new in Svelte: October 2021"
-description: A whole year of "What's new in Svelte"
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-Hey y'all 👋 It's been 1 year since "What's new in Svelte" started being cross-posted to the Svelte blog. I wanted to take this moment at the top to thank all of you for reading and for all the contributors every month. From the maintainers to everyone who posts their work in the Discord and Reddit, it's amazing to witness all the effort that goes into making the Svelte community great.
-
-Keep up the good work, everyone! Now, let's dive into this month's news...
-
-## New around Svelte
-
-- New additions to Svelte's export map now expose no-op versions of lifecycle functions for SSR (Svelte **3.43.0**)
-- Custom components with a `src` attribute no longer break `svelte-native` builds (Svelte **3.42.4**)
-- Svelte plugin users without [the TypeScript plugin](https://www.npmjs.com/package/typescript-svelte-plugin) enabled will now be prompted to enable it. It enhances TypeScript and JavaScript files with additional intellisense to interact with Svelte files. [Please leave feedback](https://github.com/sveltejs/language-tools/issues/580) if you are using it (Svelte extensions **105.4.0**)
-- Event modifiers have been added to intellisense as autocomplete and hover info (Svelte extensions **105.4.0**)
-- TypeScript users no longer have to strictly separate type imports and value imports when using Svelte version 3.39 or higher and `svelte-preprocess` version 4.9.5 or higher. This means you can now write `import { MyInterface, myValue } from './somewhere'` instead of `import type { MyInterface } from './somewhere'; import { myValue } from './somewhere'`. Huge thanks to community member [@SomaticIT](https://github.com/SomaticIT) who mainly implemented this!
-
-For a full list of features and bug fixes, check out the [Svelte changelog](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md).
-
-## SvelteKit Updates
-
-Nearly 100 PRs committed again this past month, but there's still lots to do and Svelte maintainers are [looking for help getting SvelteKit to 1.0](https://github.com/sveltejs/kit/issues/2100). Antony said it well in a [recent comment](https://github.com/sveltejs/kit/issues/2100#issuecomment-895446285) on the issue: 
-
-> If you think you are too n00b to contribute (you're not), then add tests, or write tests for the feature you want to add, before you add it! Start small, and learn the codebase that way.
-
-If you'd like to help, please consider working on any of the [1.0 milestone issues labeled with "help wanted"](https://github.com/sveltejs/kit/issues?q=is%3Aopen+is%3Aissue+milestone%3A1.0+label%3A%22help+wanted%22).
-
-Notable SvelteKit improvements this month include...
-
-- Service workers are now allowed to access files using the `$lib` alias ([#2326](https://github.com/sveltejs/kit/pull/2326))
-- Svelte libraries should now work out-of-the-box without any Vite configuration ([#2343](https://github.com/sveltejs/kit/pull/2343))
-- Improvements to package exports field ([#2345](https://github.com/sveltejs/kit/pull/2345) and [#2327](https://github.com/sveltejs/kit/pull/2327))
-- [breaking] The `prerender.pages` config option has been renamed to `prerender.entries` ([#2380](https://github.com/sveltejs/kit/pull/2380))
-- A new generic argument has beend added to allow typing Body from hooks ([#2413](https://github.com/sveltejs/kit/pull/2413))
-- The `svelte` field will be added to package.json when running the package command ([#2431](https://github.com/sveltejs/kit/pull/2431))
-- [breaking] The `context` parameter of the load function was renamed to `stuff` ([#2439](https://github.com/sveltejs/kit/pull/2439))
-- Added an `entryPoint` option for building a custom server with `adapter-node` ([#2414](https://github.com/sveltejs/kit/pull/2414))
-- `vite-plugin-svelte` improved support for [useVitePreprocess](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md#usevitepreprocess), which uses Vite to automatically preprocess TypeScript, PostCSS, Scss, etc in Svelte components ([#173](https://github.com/sveltejs/vite-plugin-svelte/pull/173))
-
-To see all updates to SvelteKit, check out the [SvelteKit changelog](https://github.com/sveltejs/kit/blob/master/packages/kit/CHANGELOG.md).
-
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-- [radiofrance](https://www.radiofrance.fr/) just migrated their website to SvelteKit
-- [FLAYKS](https://flayks.com/) is the portfolio site for Félix Péault made with SvelteKit, Sanity, and Anime.js
-- [hirehive](https://www.hirehive.com/) is a candidate and job tracking site
-- [Microsocial](https://microsocial.xyz/) is an experimental Peer-to-Peer Social Platform 
-- [Dylan Ipsum](https://www.dylanlyrics.app/) is a random text generator to replace lorem ipsum with Bob Dylan lyrics
-- [Chip8 Svelte](https://github.com/mikeyhogarth/chip8-svelte) is a CHIP-8 emulator frontend, built on top of CHIP8 Typescript
-
-**Looking for a Svelte project to work on? Interested in helping make Svelte's presence on the web better?** Check out [the list of open issues](https://github.com/svelte-society/sveltesociety-2021/issues) if you'd like to contribute to the Svelte Society rewrite in SvelteKit.
-
-**Podcasts Featuring Svelte**
-- [Syntax Podast: From React to SvelteKit](https://podcasts.apple.com/us/podcast/from-react-to-sveltekit/id1253186678?i=1000536276106) Scott talks with Wes about moving Level Up Tutorials from React to SvelteKit — why he did it, how, benefits, things to watch out for, and more!
-- [Web Rush Podcast: Svelte Tools and Svelte Society](https://www.webrush.io/episodes/episode-150-svelte-tools-and-svelte-society) Kevin Åberg Kultalahti talks about what Svelte Society is, what he's excited about with Svelte, how important documentation is to any product, and much _much_ more
-- [Svelte: The Compiled Future of Front End](https://www.arahansen.com/the-compiled-future-of-front-end/) details the history of component-based frontends and how a compiler changes everything
-- [Svelte Radio: Contributing to Svelte with Martin 'Grygrflzr' Krisnanto Putra](https://share.transistor.fm/s/10aa305c) Grygrflzr shares his journey to becoming a maintainer and his views on React, Vite and a host of other things
-- [Svelte Radio: Routify 3 with Jake and Willow](https://share.transistor.fm/s/10aa305c) the Svelte Radio crew sits down with the maintainers of Routify and discusses the just-released Routify 3
-- [JS Party: 1Password](https://twitter.com/geoffrich_/status/1441816829853253640?s=20) mentioned on the latest episode of The Changelog's JS Party that they use Svelte to power their in-page suggestions
-
-**Educational Content**
-- [How I built a blog with Svelte and SvelteKit](https://fantinel.dev/blog-development-sveltekit/) is an introduction to Svelte, SvelteKit and Progressive Enhancement with code examples
-- [I built a decentralized chat dapp](https://www.youtube.com/watch?v=J5x3OMXjgMc) is a tutorial on how to use popular web3 technologies like GUN to build a decentralized web app (dapp)
-- [Writing a Svelte Store with TypeScript](https://javascript.plainenglish.io/writing-a-svelte-store-with-typescript-22fa1c901a4) is a deep dive into writing Svelte stores with TypeScript
-- [How Svelte scopes component styles](https://geoffrich.net/posts/svelte-scoped-styles/) explains scoping using classes and more complex CSS specifiers
-- [SvelteKit Hooks](https://www.youtube.com/watch?v=RarufLoEL08) shows how to use hooks.js in Sveltekit.. When you're done, check out [Part 2](https://www.youtube.com/watch?v=RmIBG3G0-VY)
-- [An early look at SvelteKit](https://www.infoworld.com/article/3630395/an-early-look-at-sveltekit.html) is a post from Infoworld walking through the features and onboarding of SvelteKit
-
-**Libraries, Tools & Components**
-- [sveltekit-netlify-cms](https://github.com/buhrmi/sveltekit-netlify-cms) is a SvelteKit skeleton app configured for use with Netlify CMS
-- [SvelteFireTS](https://github.com/jacobbowdoin/sveltefirets) is a SvelteKit + Typescript + Firebase library inspired by Fireship.io 
-- [stores-x](https://github.com/Anyass3/stores-x) lets you use Svelte stores just like vueX
-- [sveltekit-snippets](https://github.com/stordahl/sveltekit-snippets) is a VSCode extension that provides snippets for common patterns in SvelteKit & Vanilla Svelte
-- [svelte-xactor](https://github.com/wobsoriano/svelte-xactor) is a middleware that allows you to easily convert your xactor machines into a global store that implements the store contract
-- [vite-plugin-pages-svelte](https://github.com/aldy505/vite-plugin-pages-svelte) is a vite plugin for automatic filesystem-based routing
-- [sveltio](https://www.npmjs.com/package/sveltio) is a Svelte wrapper for valtio - a proxy-state library
-- [svelte-transition-classes](https://github.com/rmarscher/svelte-transition-classes) is a custom Svelte transition for adding and swapping CSS classes
-- [Svelte-Boring-Avatars](https://github.com/paolotiu/svelte-boring-avatars) is Svelte port of the popular [Boring Avatars](https://github.com/boringdesigners/boring-avatars) React project
-- [Svelte DataTables](https://github.com/homescriptone/svelte-datatables) brings DataTable, a popular JavaScript library allowing you to easily display your data in a user-friendly table, into your Svelte project.
-- [focus-svelte](https://github.com/chanced/focus-svelte) is a focus trap for Svelte with zero dependencies
-- [filedrop-svelte](https://github.com/chanced/filedrop-svelte) is a file dropzone action & component for Svelte
-
-
-Check out the community site [sveltesociety.dev](https://sveltesociety.dev/templates/) for more templates, adders and adapters from across the Svelte ecosystem.
-
-
-## Before you go, answer the call for speakers!
-
-Svelte Summit Fall 2021 (happening 20 November 2021) is looking for speakers. Submit your talk propsoal before 30 October... all are welcome to present and attend.
-
-### More info on the [sessionize site](https://sessionize.com/svelte-summit-fall-2021/)
-
-Can't wait for the summit? Join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs)!
diff --git a/site/content/blog/2021-11-01-whats-new-in-svelte-november-2021.md b/site/content/blog/2021-11-01-whats-new-in-svelte-november-2021.md
deleted file mode 100644
index 12a89a639c9..00000000000
--- a/site/content/blog/2021-11-01-whats-new-in-svelte-november-2021.md
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: "What's new in Svelte: November 2021"
-description: Over 5000 stars to light up the showcase
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-With SvelteKit crossing the [80% complete mark](https://github.com/sveltejs/kit/milestone/2), over [5000 stars](https://github.com/sveltejs/kit) on GitHub, and now having more usage than Sapper, there's never been a better time to try it out! Many in the community have, making for quite a large showcase this month...
-
-Also, don't miss out on [Svelte Summit](https://sveltesummit.com/) on November 20th - featuring speakers from around the world. Keep an eye out for a watch party in your area 👀
-
-Now onto what's new!
-
-## New in Svelte and SvelteKit
-- [svelte.dev](https://svelte.dev/) now runs on SvelteKit alongside [sveltesociety.dev](https://sveltesociety.dev). svelte.dev is a relatively complicated site with live code editing, authentication, and a markdown-based blog - making it a great way for us to really test out SvelteKit
-- A new compiler option, `enableSourcemap`, provides more control over the compiler output for JS and CSS sourcemaps (**3.44.0**). With this new feature, SvelteKit and the Vite Svelte plugin can now properly handle environment variables in `.svelte` templates (See [sveltejs/kit#720](https://github.com/sveltejs/kit/issues/720) and [sveltejs/vite-plugin-svelte#201](https://github.com/sveltejs/vite-plugin-svelte/pull/201))
-- The Svelte Language Tools now support reading the configuration of the VS Code CSS settings ([#1219](https://github.com/sveltejs/language-tools/issues/1219))
-- `vite-plugin-svelte` added a new `experimental.prebundleSvelteLibraries` option that makes it much faster to load Svelte libraries with many components like icon libraries and UI frameworks. The option can be set in the root of `svelte.config.js`. Please test it out and give us feedback!
-- SvelteKit will only route endpoints on the client, unless marked as `rel="external"` - reducing the size of the client JS and making it easier to refactor the router in the future ([2656](https://github.com/sveltejs/kit/pull/2656))
-- SvelteKit no longer supports Node 12 ([2604](https://github.com/sveltejs/kit/pull/2604))
-- SvelteKit was upgraded from Vite 2.6.0 to Vite 2.6.12 fixing an issue where Vite would corrupt the Svelte runtime (https://github.com/vitejs/vite/issues/4306). It also included two fixes from the SvelteKit team to avoid or make diagnosing Vite issues in SvelteKit templates easier (https://github.com/vitejs/vite/pull/5192 and https://github.com/vitejs/vite/pull/5193). Vite 2.7 is currently available in beta with additional fixes for SSR
-
-
-To see all updates to Svelte and SvelteKit, check out the [Svelte](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md) and [SvelteKit changelog](https://github.com/sveltejs/kit/blob/master/packages/kit/CHANGELOG.md), respectively.
-
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-- [Tangent](http://tangentnotes.com/) is a clean and powerful notes app for Mac & Windows
-- [The Pudding](https://pudding.cool/) is a digital publication that explains ideas debated in culture with visual essays - rebuilt in SvelteKit
-- [Power Switcher](https://powerswitcher.axpo.com/) is an interactive overview of the development of the power supply in Switzerland, as energy sources migrate to cleaner sources
-- [Sublive](https://sub.live/) is a new way of making music by connecting musicians all over the world with a low-latency and high-quality audio network
-- [Vibify](https://www.vibify.me/) helps you find hidden playlists within your music using your Spotify listening history
-- [Browse Marvel Unlimited by Year](https://marvel.geoffrich.net/) is a SvelteKit site to see what issues are available on Marvel Unlimited for a given year
-- [Files](https://files.community/), a modern file explorer for Windows, has a new site rebuilt with SvelteKit
-- [lil-hash](https://github.com/jackbow/lil-hash) is a simple URL shortener that produces easily rememberable and speakable shortened URLs
-- [PWA Haven](https://github.com/ThaUnknown/pwa-haven) is a collection of small, fast, simple PWAs to replace native OS apps
-- [DottoBit](https://dottobit.com/) is a multi-color 16-bit drawing program with URL sharing built-in
-- [Former Fast Document for Print](https://github.com/zummon/former) is an invoice generator with beautiful designs, abilities for international languages and auto calculation
-- [Helvetikon](https://github.com/noahsalvi/helvetikon) is a community maintained dictionary for the Swiss German language
-- [Palitra App](https://palitra.app/) is a search-based color pallete generator
-
-**Podcasts Featuring Svelte**
-- [Svelte Radio](https://www.svelteradio.com/episodes/svelte-summit-is-coming-up-and-svelte-is-growing) dives into the tech behind the recently released Svelte Summit website and a bunch of other fun stuff!
-- [PodRocket](https://podrocket.logrocket.com/rich-harris), LogRocket's podcast, talks Svelte with Rich Harris
-- [PodRocket also dove deep](https://podrocket.logrocket.com/elderjs) into Elder.js with Nick Reese
-- [Web Rush](https://webrush.io/episodes/episode-153-single-page-application-vs-multi-page-application-with-rich-harris) and Rich Harris talk about the differences between a SPA and MPA, what role the server rendering plays, what client side hydration is, and the state of modern tooling for developing an SPA or MPA
-- [devtools.fm](https://devtools.fm/episode/15) talks with Rich Harris about developing engaging data visualizations and building the tools of tomorrow
-
-**Educational Content**
-- [Have Single-Page Apps Ruined the Web?](https://www.youtube.com/watch?v=860d8usGC0o) Rich Harris answers the controversial question at this year's Jamstack Conf
-- [Svelte vs SvelteKit - What's The Difference?](https://www.youtube.com/watch?v=IKhtnhQKjxQ) LevelUpTuts provides a quick guide to explaining the relationship between the two projects. You can check out the rest of Scott Tolinski's guides to Svelte in his new series, ["Weekly Svelte"](https://www.youtube.com/playlist?list=PLLnpHn493BHF-Onm1MQgKC1psvW-rJuYi)
-- [WebJeda's SvelteKit Hooks](https://www.youtube.com/watch?v=RarufLoEL08&list=PLm_Qt4aKpfKgzcTiMT2cgWGBDBIPK06DQ) series continues this month with Part 3 - Cookie Session Authentication
-- [Writing Context Aware Styles in a Svelte App](https://www.ryanfiller.com/blog/tips/svelte-contex-aware-styles) is a guide to writing self-contained components that are able to dynamically adapt to their parents
-- [A Beginner’s Guide to SvelteKit](https://www.sitepoint.com/a-beginners-guide-to-sveltekit/) takes a beginner-friendly look at both Svelte and SvelteKit and build out a simple web app showing profile pages of imaginary users
-- [Svelte vs React: Ending the Debate](https://massivepixel.io/blog/svelte-vs-react/) is a historical take on the age-old argument
-- [Svelte Snacks | Custom Events for Modal Actions](https://jeremydayslice.hashnode.dev/svelte-snacks-or-custom-events-for-modal-actions) walks through a solid implementation of Svelte's handy custom event system
-- [What Svelte's accessibility warnings won't tell you](https://geoffrich.net/posts/svelte-a11y-limits/) explains how Svelte's a11y warnings work and why you shouldn't count on them to make your app accessible
-
-**Libraries, Tools & Components**
-- [svelte-adapter-azure-swa](https://github.com/geoffrich/svelte-adapter-azure-swa) is an adapter for Svelte apps that creates an Azure Static Web App, using an Azure function for dynamic server rendering
-- [Inlang](https://docs.inlang.dev/getting-started/svelte-kit) is a localization and internationalization toolkit that now supports SvelteKit
-- [svelte-translate-tools](https://github.com/noelmugnier/svelte-translate-tools) extract/generate/compile translation files for your Svelte App at build time
-- [@egjs/svelte-infinitegrid](https://github.com/naver/egjs-infinitegrid/tree/master/packages/svelte-infinitegrid) lets you implement various grids composed of different card elements whose sizes vary
-- [svelte-reactive-css-preprocess](https://github.com/srmullen/svelte-reactive-css-preprocess) makes it easier to update css variable values whenever your component state changes
-- [Sveltegen](https://github.com/snuffyDev/sveltegen) is a CLI for simple and easy creation of actions, components, and routes
-- [svelte-advanced-multistep-form](https://www.npmjs.com/package/svelte-advanced-multistep-form) helps to wrap form elements passing down styles to the component to be rendered, also it presents each form step in a ordered and stylish way
-- [gQuery](https://github.com/leveluptuts/gQuery) is a GraphQL Fetcher & Cache for SvelteKit
-- [date-picker-svelte](https://github.com/probablykasper/date-picker-svelte) is a date and time picker for Svelte
-- [TwelveUI](https://twelveui.readme.io/reference/what-is-twelveui) is a Svelte component library with accessibility built-in
-- [svelte-outclick](https://github.com/babakfp/svelte-outclick/) is a Svelte component that allows you to listen for clicks outside of an element, by providing you an outclick event
-- [svelte-zero-api](https://github.com/ymzuiku/svelte-zero-api) lets you use SvelteKit APIs like client functions - with support for Typescript
-- [svelte-recaptcha-v2](https://github.com/basaran/svelte-recaptcha-v2) is a Google reCAPTCHA v2 implementation for Svelte SPA, SSR and sveltekit static sites.
-- [Svelte Body](https://github.com/ghostdevv/svelte-body) lets you apply styles to the body in routes - designed to work with SvelteKit and Routify.
-- [svelte-debug-console](https://github.com/basaran/svelte-debug-console) is a debug.js implementation for Svelte SPA, SSR and sveltekit static sites that lets you see your debug statements in the browser.
-- [SVEO](https://github.com/didier/sveo) is a dependency-free approach to declare metadata on SvelteKit pages
-- [@svelte-drama/suspense](https://www.npmjs.com/package/@svelte-drama/suspense) is a Svelte component that implements the core idea of React's `<Suspense>`. Also check out [SWR for Svelte](https://www.npmjs.com/package/@svelte-drama/swr) to make refetching even easier.
-- [sveltekit-adapter-browser-extension](https://github.com/antony/sveltekit-adapter-browser-extension) is an adapter for SvelteKit which turns your app into a cross-platform browser extension
-
-Check out the community site [sveltesociety.dev](https://sveltesociety.dev/templates/) for more tools, templates, adders and adapters from across the Svelte ecosystem.
-
-Looking for more Svelte goodness? Join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs)!
diff --git a/site/content/blog/2021-12-01-whats-new-in-svelte-december-2021.md b/site/content/blog/2021-12-01-whats-new-in-svelte-december-2021.md
deleted file mode 100644
index f50f25b0f4f..00000000000
--- a/site/content/blog/2021-12-01-whats-new-in-svelte-december-2021.md
+++ /dev/null
@@ -1,91 +0,0 @@
----
-title: "What's new in Svelte: December 2021"
-description: "Svelte Summit Fall 2021 Recap, Rich Harris joins Vercel, and Kevin goes full-time on Svelte Society"
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-With SvelteKit getting more and more stable each day, there's not much to cover in terms of code changes other than bug fixes... So, in this month's newsletter, we'll be covering Svelte Summit Fall 2021!
-
-If you want to dive deep into the last month's worth of bug fixes, check out the [Svelte](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md) and [SvelteKit](https://github.com/sveltejs/kit/blob/master/packages/kit/CHANGELOG.md) changelogs, respectively.
-
-
-## What happened at Svelte Summit?
-
-If you missed Svelte Summit, you can watch the entire live stream on [YouTube](https://www.youtube.com/watch?v=1Df-9EKvZr0) and catch a recap in the [#svelte-summit channel on Discord](https://discord.gg/YmHcdnhu).
-
-Here are the highlights:
-- [Rich Harris](https://twitter.com/rich_harris) took us through a tour of Svelte's history and announced [his move to Vercel](https://vercel.com/blog/vercel-welcomes-rich-harris-creator-of-svelte) - where he will be helping maintain Svelte full-time! ([20:00](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=1200s))
-- [Steph Dietz](https://twitter.com/steph_dietz_) explained how Svelte's simple abstractions makes it easy for beginners and experts alike to learn and use JavaScript - without the boilerplate ([29:00](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=1740s))
-- [Kevin Bridges](https://twitter.com/kevinast) dove deep into Svelte's reactivity logic by visualizing it through `ReflectiveCounter` and showing how to "fine tune" it, as needed. A full "syllabus" for the presentation is available on [Kevin's site](https://wiibridges.com/presentations/ResponsiveSvelte/). ([42:55](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=2575s))
-- [Mateo Morris](https://twitter.com/_mateomorris) launched [Primo](https://primo.af/), an all-in-one SvelteKit CMS to help build and manage static sites ([1:12:34](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=4354s))
-- [Guillermo Rauch](https://vercel.com/about/rauchg) explained Vercel's commitment to Svelte, what it means to have Rich on the team, and what's coming next from the company... ([1:21:54](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=4914s))
-- [Geoff Rich](https://twitter.com/geoffrich_) introduced various ways to modify motion and transitions within Svelte to be more accessible to all users of the web. Slides and a full transcription of the talk are available on [Geoff's site](https://geoffrich.net/posts/svelte-summit-2021/). ([1:32:30](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=5550s))
-- [Dean Fogarty](https://df.id.au/) demoed a number of different use-cases for custom stores - transforming data to and from storage mechanisms within Svelte. Transcript and code is available on [Dean's GitHub](https://github.com/angrytongan/svelte-summit-2021). ([1:43:06](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=6186s))
-- [Kellen Mace](https://twitter.com/kellenmace) shared how we can let content creators keep using WordPress, while leveraging Svelte on the frontend to provide a phenomenal user experience ([1:49:30](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=6570ss))
-- [Ben Holmes](https://twitter.com/bholmesdev) explained the "islands" architecture and how 11ty + [Slinkity](https://slinkity.dev/) can bring these islands to any HTML template ([2:17:15](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=8235s))
-- [Scott Tolinski](https://twitter.com/stolinski) shared the lessons learned from rewriting the React-based LevelUpTutorials in Svelte and "found developer bliss" ([3:16:35](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=11795s))
-- [Svelte Sirens](https://sveltesirens.dev) was announced as the new Svelte community for women, non-binary and allies. Their first event was on November 29th - all future events can be found on [the Svelte Sirens website](https://sveltesirens.dev/events) ([3:50:45](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=13845s))
-- [Rich Harris](https://twitter.com/rich_harris) discussed creating libraries with SvelteKit, better ways to link packages when developing, and how SvelteKit helps with modern JavaScript library development ([3:56:00](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=14160s))
-- [Ken Kunz](https://twitter.com/kennethkunz) explained how finite state machines (and the svelte-fsm library) can make managing Svelte component states more... manageable. Examples from the talk are available on [Ken's GitHub](https://github.com/kenkunz/svelte-fsm/wiki/Examples). ([4:07:18](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=14838s))
-- [Austin Crim](https://twitter.com/crim_codes) connected learning to code on the web to learning how to play an instrument. By giving learners early wins and introducing the fundamentals through real-world apps, learning Svelte (and the fundamentals underneath) doesn't have to be a chore ([4:21:50](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=15710s))
-- [Jesse Skinner](https://twitter.com/JesseSkinner) brought our legacy apps into the future by explaining how to use (and reuse) Svelte components within React (and even jQuery!) projects ([4:32:30](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=16350s))
-- [Jim Fisk](https://twitter.com/jimafisk) and [Stephanie Luz](https://stephanie-luz.medium.com/) introduced [Plenti](https://plenti.co/) and its theming tools to make building new Svelte sites much faster ([4:59:00](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=17940s))
-- [Evyatar Alush](https://twitter.com/evyataral) helped us all make (and maintain) better forms using a powerful validation library called [Vest](https://github.com/ealush/vest) ([5:08:55](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=18535s))
-- Dominik G. presented a fresh take on icon libraries - one that reduces the bundle size of applications and opens up the entire iconify library for use in any Svelte app ([5:30:04](https://www.youtube.com/watch?v=1Df-9EKvZr0&t=19804s))
-
-Thanks to [Kevin](https://twitter.com/kevmodrome) and all the Svelte Society volunteers for pulling together such an amazing event! Excitingly, [Kevin announced](https://twitter.com/kevmodrome/status/1463151477174714373) after the event that he will now be working full-time on Svelte Society! You can check out all the talks, broken up into individual videos for convenience, in [this Svelte Society YouTube Playlist](https://www.youtube.com/playlist?list=PL8bMgX1kyZTg2bI9IOMgfBc8lrU3v2itt).
-
-If you have feedback on the Svelte Summit, Kev is [looking for feedback on the Svelte subreddit](https://www.reddit.com/r/sveltejs/comments/qzgo3k/svelte_summit_feedback/) 👀
-
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-- [pixeldrain](https://github.com/Fornaxian/pixeldrain_web) is a free-to-use file sharing platform
-- [LifeHash](http://lifehash.info/) generates beautiful visual hashes from Blockchain Commons
-- [simple-cloud-music](https://github.com/dufu1991/simple-cloud-music) is a lightweight third-party NetEase cloud music player for modern browsers (likely only works on Chrome)
-- [palette.rocks](https://palette.rocks/) is a color palette generator with contrast-checking built-in
-- [Kadium](https://github.com/probablykasper/kadium) is an app for staying on top of YouTube channel uploads 
-- [Multi-Monitor Calculator](https://multimonitorcalculator.com/) is a tool for planning your multi-monitor setup
-- [Your Home](https://yourhome.fb.com/) is an interactive overview of Facebook's privacy settings
-- [Svelte Crush](https://svelte-crush.netlify.app/) is a Candy Crush style match-3 game
-- [100.000 Corona deaths in Germany](https://twitter.com/h_i_g_s_c_h/status/1463767113563353089?s=20) is a visualization made for Spiegel Gesundheit
-
-**Looking for a Svelte project to work on? Interested in helping make Svelte's presence on the web better?** Check out [the list of open issues](https://github.com/svelte-society/sveltesociety-2021/issues) if you'd like to contribute to the Svelte Society rewrite in SvelteKit.
-
-
-**Videos, Blogs and Podcasts**
-- [How To Make and Publish a Svelte Library](https://www.youtube.com/watch?v=_TymiadmPrc)
-- [SvelteKit is now fully supported in WebContainers](https://blog.stackblitz.com/posts/sveltekit-supported-in-webcontainers/)
-- [Introducing Svelte, and Comparing Svelte with React and Vue](https://joshcollinsworth.com/blog/introducing-svelte-comparing-with-react-vue)
-- [Testing a Svelte app with Jest](https://www.roboleary.net/2021/11/18/svelte-app-testing-jest.html)
-- [How to create a toast notification library package with SvelteKit](https://www.sarcevic.dev/blog/toasting-in-svelte)
-- [Svelte training: Here you can learn Svelte](https://sustainablewww.org/principles/svelte-training-here-you-can-learn-svelte)
-- [Introduction to Svelte Actions](https://blog.logrocket.com/svelte-actions-introduction/)
-- [Enjoy making DAPPs using SvelteWeb3](https://chiuzon.medium.com/enjoy-making-dapps-using-svelteweb3-b78dfea1d902)
-- [Svelte creator: Web development should be more fun](https://www.infoworld.com/article/3639521/svelte-creator-web-development-should-be-more-fun.html)
-- [Svelte Radio: Rich Harris is now working full-time on Svelte 🤯](https://share.transistor.fm/s/d9b04961)
-- [Web Rush: Svelte and Elder.js with Nick Reese](https://webrush.io/episodes/episode-158-svelte-and-elderjs-with-nick-reese)
-- [Building SvelteKit applications with Serverless Redis](https://blog.upstash.com/svelte-with-serverless-redis)
-
-**Libraries, Tools & Components**
-- [svelte-cubed](https://github.com/Rich-Harris/svelte-cubed) is a Three.js component library for Svelte - created by Rich Harris for his presentation at Svelte Summit Fall 2021
-- [svelte-fsm](https://github.com/kenkunz/svelte-fsm) is a tiny, simple, expressive, pragmatic Finite State Machine (FSM) library, optimized for Svelte
-- [bromb](https://github.com/samuelstroschein/bromb) is a feedback widget for websites/web apps that is small and easy to integration/self-host
-- [Spaper](https://github.com/Oli8/spaper) is a set of PaperCSS components for Svelte
-- [svelte-intl-precompile](https://github.com/cibernox/svelte-intl-precompile) is an i18n library for Svelte that analyzes and compiles your translations at build time
-- [svelte-preprocess-svg](https://github.com/svitejs/svelte-preprocess-svg) automatically optimizes inline svg in Svelte components for better performance and reduced file size
-- [svelte-subcomponent-preprocessor](https://github.com/srmullen/svelte-subcomponent-preprocessor) allows you to write more than one component within a svelte file
-- [svelte-pdfjs](https://github.com/gtm-nayan/svelte-pdfjs) is a crude implementation of a Svelte PDF viewer component
-- [svelte-inview](https://github.com/maciekgrzybek/svelte-inview) is a Svelte action that monitors an element enters or leaves the viewport/parent element
-- [sveltekit-adapter-wordpress-shortcode](https://github.com/tomatrow/sveltekit-adapter-wordpress-shortcode) is an adapter for SvelteKit which turns your app into a wordpress shortcode
-- [svelte-websocket-store](https://github.com/arlac77/svelte-websocket-store) is a Svelte store with a websocket backend
-- [Svelte Auto Form](https://github.com/leveluptuts/auto-form) is a fast and fun form library focused on ease of use, rather than flexibility.
-- [set-focus](https://www.npmjs.com/package/@svackages/set-focus) is an Svelte action that will set focus on `<a>` or `<button>` elements as soon as they mount - useful for some experiences and testing
-
-Got an idea for SvelteKit? Check out the new [GitHub Discussions](https://github.com/sveltejs/kit/discussions) in the Svelte repo. You can also join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs).
-
-See you next ~~month~~ year!
diff --git a/site/content/blog/2022-01-01-whats-new-in-svelte-january-2022.md b/site/content/blog/2022-01-01-whats-new-in-svelte-january-2022.md
deleted file mode 100644
index bf7bc3df57a..00000000000
--- a/site/content/blog/2022-01-01-whats-new-in-svelte-january-2022.md
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: "What's new in Svelte: January 2022"
-description: "Faster builds with SvelteKit and a much anticipated REPL feature"
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-Happy new year, Svelte Community! Lots to share this month across Svelte, SvelteKit, Language Tools and the Showcase. Thanks to everyone who made 2021 a great year to use Svelte. Looking forward to the next one 🚀
-
-## What's new in SvelteKit
-- `@sveltejs/adapter-static` for SvelteKit now has a `precompress` option to make brotli compression of assets and pages easier to do out of the box ([#3079](https://github.com/sveltejs/kit/pull/3079))
-- Concurrency mode in SvelteKit will now prerender pages in parallel ([#3120](https://github.com/sveltejs/kit/pull/3120)). It is enabled by default in `1.0.0-next.205` and later
-- CSS is now automatically included before JS for improved page performance ([d13efe](https://github.com/sveltejs/kit/commit/d138efe21692f5925f1e89afc0a33f42d6a1a711))
-- A new config option adds the ability to disable service worker registration to do your own custom registration ([#2988](https://github.com/sveltejs/kit/pull/2988))
-- SSR route-splitting is here - breaking monolithic builds into smaller pieces for improved startup and routing performance ([#2931](https://github.com/sveltejs/kit/pull/2931))
-- `request.origin/path/query` is now `request.url` - simplifying the config and page `load` functions ([#3126](https://github.com/sveltejs/kit/pull/3126))
-- After the [update to Vite 2.7](https://github.com/sveltejs/kit/pull/3018), SvelteKit users are [reporting significant performance improvements](https://www.reddit.com/r/sveltejs/comments/rljhfc/sveltekit_massive_compiler_improvement_by/) and loading third-parties libraries in SSR has also been greatly improved
-- SvelteKit server will now automatically restart when the config files is changed ([vite-plugin-svelte#237](https://github.com/sveltejs/vite-plugin-svelte/pull/237))
-
-
-## Other new bits from `svelte/*`
-- [Svelte 3.44.3](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md#3443) is out with a few bug fixes in the binding and loop code
-- Svelte Language Tools has introduced support for the then/catch shorthands from Svelte 3.41 and TypeScript's "go to" functionality ([105.8.0 and later](https://github.com/sveltejs/language-tools/releases/tag/extensions-105.8.0))
-- The Svelte REPL got a nice upgrade as well - letting you delete saved REPLs. Try it out by logging in at [svelte.dev/apps](https://svelte.dev/apps)
-
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-- [Discover Twitter Spaces](https://github.com/navneetsharmaui/discover-twitter-spaces) is a tool that helps you find the Twitter Spaces
-- [Modern Fluid Typography Editor](https://github.com/codeAdrian/modern-fluid-typography-editor) helps create beautiful fluid typography using CSS clamp
-- [Unnwhiteboard](https://github.com/AviKKi/unnwhiteboard) is a job board for companies (or teams) that don't do "whiteboard" interviews
-- [Secret Santa](https://gitlab.com/arturoguzman/secret-santa-sveltekit) is a gift giving coordination app developed with easiness in mind
-- [LogSnag](https://logsnag.com/) notifies you of your projects' events and provides you with a timeline to keep track of anything important that happens
-- [Version 0.2 of Tangent](http://tangentnotes.com/Download), a Svelte-based note writing app, is now in beta
-- [Intl Explorer](https://github.com/jesperorb/intl-explorer) is a tool for viewing output for all possible formatters for Intl
-
-A lot of work this month has gone into migrating the Svelte main website and Svelte REPL to live in the https://github.com/sveltejs/sites repository - including a brand new homepage for [svelte.dev](https://svelte.dev/). Thanks to all the contributors who made this possible!
-
-If you're looking for a fun SvelteKit project to work on, [you can contribute to the Svelte Society site rewrite](https://github.com/svelte-society/sveltesociety-2021/issues) 💅
-
-
-**Learning and Listening**
-
-_To Read_
-- [Mutating Query Params in SvelteKit Without Page Reloads or Navigations](https://dev.to/mohamadharith/mutating-query-params-in-sveltekit-without-page-reloads-or-navigations-2i2b) by Mohamad Harith
-- [Svelte for Reactaholics : A guide for React developers](https://www.100ms.live/blog/svelte-guide-for-react-developers) by Puru Vijay
-- [Svelte's lifecycle methods can be used anywhere](https://geoffrich.net/posts/svelte-lifecycle-examples/) and [The many meanings of $ in Svelte](https://geoffrich.net/posts/svelte-$-meanings/) by Geoff Rich
-- [Vercel and Svelte: A Perfect Match for Web Developers](https://thenewstack.io/vercel-and-svelte-a-perfect-match-for-web-developers/) by Darryl K. Taft
-- [User-defined TailwindCSS Color Scheme with Svelte Stores](https://blog.dayslice.io/user-defined-tailwindcss-color-scheme-with-svelte-stores-ad80ca2cf038) by jeremy zaborowski
-- [Ionic 6 + Svelte 🚀](https://medium.com/@raymondboswel/ionic-6-svelte-ae904caa82df) by Raymond Boswel
-- [What happened in #Svelte language tools this year](https://twitter.com/dummdidumm_/status/1474158105395179525?t=ytj2K2Q52iD5-lNyLnQaAQ&s=19) by Simon H
-
-_To Watch_
-- [The Future of Svelte (Interview with Rich Harris)](https://www.youtube.com/watch?v=uQntFkK8Z54) by Lee Robinson, Director of Developer Relations at Vercel
-- [Svelte is becoming the go-to framework](https://www.youtube.com/watch?v=fo6BKY2xR2w&t=1834s) for Obsidian plugin developers
-- [Sveltekit WordPress Headless Blog](https://www.youtube.com/watch?v=c0UDVgjPxFw) by WebJeda
-- [Getting started with SvelteKit](https://www.youtube.com/watch?v=i2suPKMPUFA) by Lihau Tan
-- [Deploy a full-stack SvelteKit app on Cloudflare Pages](https://www.youtube.com/watch?v=Wc1_U6Dy5Tw) by 1nf
-
-_To Listen To_
-- [Syntax podcast: How To Do Things In Svelte](https://podcasts.apple.com/ca/podcast/how-to-do-things-in-svelte/id1253186678?i=1000544796072)
-- [JS Party #205: So much Sveltey goodness (w/ Rich Harris)](https://changelog.com/jsparty/205)
-
-**Libraries, Tools & Components**
-- [svelte-headlessui](https://github.com/rgossiaux/svelte-headlessui) is an unofficial, complete Svelte port of the Headless UI component library
-- [svelte-forms v2](https://chainlist.github.io/svelte-forms/) has been released - the author is [looking for feedback](https://www.reddit.com/r/sveltejs/comments/r6354j/svelteforms_v2_has_been_released/)
-- [Percival](https://github.com/ekzhang/percival) is a declarative data query and visualization language
-- [Svelte FlatList](https://github.com/snuffyDev/svelte-flatlist) is a mobile-friendly, simple, and customizable draggable menu
-- [svelte-keyed](https://github.com/bryanmylee/svelte-keyed) is a writable derived store for objects and arrays
-- [Svemix](https://github.com/svemix/svemix) is Remix for Svelte - providing server scripts inside your Svelte components/routes, which will be transformed into endpoints
-
-Want to add something to the showcase? Need help bringing your next idea to life in Svelte? Join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs).
-
-See ya next month!
diff --git a/site/content/blog/2022-01-13-accelerating-sveltes-development.md b/site/content/blog/2022-01-13-accelerating-sveltes-development.md
deleted file mode 100644
index 7860c2acbc4..00000000000
--- a/site/content/blog/2022-01-13-accelerating-sveltes-development.md
+++ /dev/null
@@ -1,67 +0,0 @@
----
-title: "Accelerating Svelte's Development"
-description: "Scaling the team, building partnerships, and growing the community"
-author: Ben McCann
-authorURL: https://www.benmccann.com/
----
-
-[Svelte](/) is a frontend framework for building fast reactive web apps with less code. If you’re new here, [check out the tutorial](/tutorial) or [examples](/examples) to get a feel for it.
-
-Svelte was [launched 5 years ago](https://news.ycombinator.com/item?id=13069841) and has [come a long way in the time since](https://www.youtube.com/watch?v=YeY5M29-WcY). In 2021, as usage more than doubled, it was voted the [most loved](https://insights.stackoverflow.com/survey/2021#section-most-loved-dreaded-and-wanted-web-frameworks) framework with the [most satisfied](https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/) developers in a pair of surveys. Alongside high-profile companies like The New York Times, Apple, Spotify, Square, Rakuten, Bloomberg, Reuters, Ikea, Brave, and countless others, Svelte is used to power everything from hobby projects to embedded systems interfaces.
-
-To help developers build fully-featured applications with Svelte without worrying about the hard parts, we’ve been developing the [SvelteKit](https://kit.svelte.dev/) application framework. We’re moving quickly towards a [stable 1.0 release](https://github.com/sveltejs/kit/issues?q=is%3Aopen+is%3Aissue+milestone%3A1.0) with the help of early adopters who have already downloaded SvelteKit almost one million times.
-
-## Scaling the team
-
-Rich Harris, Svelte’s creator, has [joined Vercel to work on Svelte full-time](https://vercel.com/blog/vercel-welcomes-rich-harris-creator-of-svelte). We’re incredibly excited to have Rich’s level of involvement in Svelte increase even more and have him steward Svelte into the future.
-
-Svelte has been made possible by the work of a large, dedicated community. Svelte has added numerous core maintainers over the course of the pandemic, including three this past week. In alphabetical order:
-- [benmccann](https://github.com/benmccann) - primary maintainer of SvelteKit for much of 2021
-- [bluwy](https://github.com/bluwy) - major contributor across SvelteKit, vite-plugin-svelte, and Vite
-- [dominikg](https://github.com/dominikg) - creator of vite-plugin-svelte
-- [dummdidumm](https://github.com/dummdidumm) - maintainer of language-tools, which includes the VS Code extension and `svelte-check`
-- [ehrencrona](https://github.com/ehrencrona) - contributor to SvelteKit and uses Svelte at work
-- [geoffrich](https://github.com/geoffrich) - has driven efforts to improve the accessibility of the Svelte site and documentation
-- [GrygrFlzr](https://github.com/GrygrFlzr) - holds a unique status as a maintainer of both SvelteKit and Vite
-- [Halfnelson](https://github.com/Halfnelson) - creator of svelte-native
-- [ignatiusmb](https://github.com/ignatiusmb) - regular SvelteKit contributor especially to TypeScript support
-- [jasonlyu123](https://github.com/jasonlyu123) - maintainer of language-tools, which includes the VS Code extension and `svelte-check`
-- [kaisermann](https://github.com/kaisermann) - creator of svelte-preprocess
-- [RedHatter](https://github.com/RedHatter) - creator of Svelte Devtools
-- [rixo](https://github.com/rixo) - creator of svelte-hmr
-
-Svelte began accepting donations via [OpenCollective](https://opencollective.com/svelte) last year and has now had over $60,000 donated to-date with [Cohere](https://cohere.ai/) giving $10,000 just today. We hope that these funds will allow existing maintainers to spend more time on Svelte or that the funds could otherwise support Svelte on a part-time or contract basis, which we will continue to investigate.
-
-## Partnerships
-
-Multiple major cloud vendors are stepping up to make deploying SvelteKit applications anywhere a seamless experience. As a result of Rich’s new job, SvelteKit will soon run on [Vercel Edge Functions](https://vercel.com/features/edge-functions). Netlify has made [big contributions](https://github.com/sveltejs/kit/pull/2113) to the SvelteKit Netlify adapter and also [updated](https://github.com/dependents/node-precinct/pull/88) their zip-it-and-ship-it tool to better support SvelteKit. The recent [Cloudflare Pages launch](https://blog.cloudflare.com/cloudflare-pages-goes-full-stack/) featured SvelteKit as a day one partner via a [new adapter](https://github.com/sveltejs/kit/tree/master/packages/adapter-cloudflare) written by Svelte maintainers [pngwn](https://twitter.com/evilpingwin) and [lukeed](https://twitter.com/lukeed05), the latter of whom joined Cloudflare in 2021. [Begin](https://begin.com) created a [SvelteKit adapter](https://github.com/architect/sveltekit-adapter) for [Architect](https://arc.codes) apps. And community members have [contributed adapters](https://sveltesociety.dev/components#adapters) for environments such as Firebase and Deno, showcasing SvelteKit’s ability to run wherever JavaScript does.
-
-We’ve also been working closely with the [Vite](https://vitejs.dev) team to iron out SSR issues uncovered by SvelteKit users. Vite is the build tool that makes the SvelteKit developer experience possible, and thanks to hard work from a contributor base that includes representatives of multiple frameworks, recent releases have solved almost all the issues we’ve been tracking as SvelteKit 1.0 release blockers.
-
-## A growing community
-
-[SvelteSociety](https://sveltesociety.dev/) just hosted the [4th Svelte Summit](https://sveltesummit.com/) — [read a summary here](https://svelte.dev/blog/whats-new-in-svelte-december-2021#what-happened-at-svelte-summit) — and Kevin Åberg Kultalahti is [going full-time to lead SvelteSociety](https://twitter.com/kevmodrome/status/1463151477174714373). In addition to hosting Svelte Summit, Kevin and SvelteSociety host and manage the [Svelte Radio podcast](https://www.svelteradio.com/), the [SvelteSociety YouTube channel](https://www.youtube.com/SvelteSociety), and the [Svelte subreddit](https://www.reddit.com/r/sveltejs). SvelteSociety has become the home of all things related to the Svelte community, with the sveltejs/community and sveltejs/integrations repos being retired in favor of [sveltesociety.dev](https://sveltesociety.dev/), which has been redesigned and rebuilt in SvelteKit. In October [Brittney Postma](https://github.com/brittneypostma), [Willow aka GHOST](https://ghostdev.xyz), [Steph Dietz](https://github.com/StephDietz), and [Gen Ashley](https://twitter.com/coderinheels) founded [Svelte Sirens](https://sveltesirens.dev/), a group for women & non-binary community members and their allies.
-
-Hundreds of developers join the Svelte Discord every week to chat about Svelte. You may have noticed that, as of recently, some members of the server have purple names. These are people with the ambassadors role, which was created to recognise some of the community’s most valued members and help manage the demands of a rapidly growing community. Svelte ambassadors are people who are well known for their helpfulness and contributions and for upholding Svelte’s reputation as a friendly, welcoming community, and we’re deeply grateful for their involvement.  The initial ambassadors in alphabetical order are:
-- [babichjacob](https://github.com/babichjacob)
-- [brady fractal](https://github.com/FractalHQ)
-- [brittney postma](https://github.com/brittneypostma)
-- [d3sandoval](https://github.com/d3sandoval)
-- [geoffrich](https://github.com/geoffrich)
-- [kev](https://github.com/kevmodrome)
-- [puru](https://github.com/PuruVJ)
-- [rainlife](https://github.com/stephane-vanraes)
-- [rmunn](https://github.com/rmunn)
-- [stolinski](https://github.com/stolinski)
-- [swyx](https://github.com/sw-yx)
-- [theo](https://github.com/theo-steiner)
-
-We’re also testing out [GitHub discussions on SvelteKit](https://github.com/sveltejs/kit/discussions) and may bring this to other repos in the Svelte organization if feedback is positive. 
-
-## Things to watch
-
-SvelteKit is continuing to progress towards 1.0 and, in just the past week, we have added major features like [improved client-only rendering](https://github.com/sveltejs/kit/pull/2804), [routing hooks](https://github.com/sveltejs/kit/pull/3293), and [the ability to pass data from child components to layouts](https://github.com/sveltejs/kit/pull/3252) (e.g. to support easier management of `<meta>` tags). We're currently working on a number of other high priority items such as discussing API designs for features like streaming and file uploads and contributing to the upcoming Vite 2.8 release.
-
-While a lot of effort has been going into SvelteKit recently, we continue to progress the entire ecosystem. [Svelte 3.46.0](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md#3460) was one of our biggest releases in awhile with two major new features added: [constants in markup](https://github.com/sveltejs/rfcs/blob/master/text/0007-markup-constants.md) and [style directives](https://github.com/sveltejs/rfcs/blob/master/text/0008-style-directives.md).
-
-Svelte and SvelteKit’s trajectories have been accelerated by the numerous investments above and there will be many more updates to come — subscribe to the [blog](/blog) via [RSS](https://svelte.dev/blog/rss.xml) or check monthly to be the first to get them.
diff --git a/site/content/blog/2022-02-01-whats-new-in-svelte-february-2022.md b/site/content/blog/2022-02-01-whats-new-in-svelte-february-2022.md
deleted file mode 100644
index 9de6a3a28d3..00000000000
--- a/site/content/blog/2022-02-01-whats-new-in-svelte-february-2022.md
+++ /dev/null
@@ -1,106 +0,0 @@
----
-title: "What's new in Svelte: February 2022"
-description: "Rapid-fire releases across Svelte, SvelteKit and the community"
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-Happy February, everyone! Over the last month or so, we've seen Svelte and SvelteKit [develop at rapid speed](accelerating-sveltes-development), new community rules across the [Reddit](https://www.reddit.com/r/sveltejs/comments/s9n8ou/new_rules/), [GitHub](https://github.com/sveltejs/community/blob/main/CODE_OF_CONDUCT.md) and [Discord](https://discord.com/channels/457912077277855764/831611707667382303/935264550436102315), and quite a few amazing apps, tutorials and libraries.
-
-Let's take a look...
-
-## Highlights from the Svelte changelog
-- **3.45.0** brought a [new a11y warning `a11y-no-redundant-roles`](https://svelte.dev/docs#accessibility-warnings-a11y-no-redundant-roles), destructuring and caching fixes
-- **3.46.0** added the much requested [`{@const}` tag](https://svelte.dev/docs#template-syntax-const) and [`style:` directive](https://svelte.dev/docs#template-syntax-element-directives-style-property)
-- Check out **3.46.1 - 3.46.3** for fixes to the `{@const}` tag and `style:` directive, along with a number of fixes to animations
-- [AST output is now available in the Svelte REPL](https://svelte.dev/repl/hello-world)
-
-## What's new in SvelteKit
-- `inlineStyleThreshold` allows you to specify where inline stylesheets are inserted into the page ([Docs](https://kit.svelte.dev/docs/configuration#inlinestylethreshold), [#2620](https://github.com/sveltejs/kit/pull/2620))
-- `beforeNavigate`/`afterNavigate` lifecycle functions lets you add functionality before or after a page navigation ([Docs](https://kit.svelte.dev/docs/modules#$app-navigation), [#3293](https://github.com/sveltejs/kit/pull/3293))
-- Platform context can now be passed from adapters ([Docs](https://kit.svelte.dev/docs/adapters#supported-environments-platform-specific-context), [#3429](https://github.com/sveltejs/kit/pull/3429))
-- Hooks now have an `ssr` parameter in `resolve` to make it easier to skip SSR, when needed ([Docs](https://kit.svelte.dev/docs/hooks#handle), [#2804](https://github.com/sveltejs/kit/pull/2804))
-- `$page.stuff` provides a mechanism for pages to pass data 'upward' to layouts ([Docs](https://kit.svelte.dev/docs/loading#input-stuff), [#3252](https://github.com/sveltejs/kit/pull/3252))
-- Fallthrough routes let you specify where to route when an route can't be loaded ([Docs](https://kit.svelte.dev/docs/routing#advanced-routing-fallthrough-routes), [#3217](https://github.com/sveltejs/kit/pull/3217))
-
-**New configs**
-- Content Security Policy (CSP) is now supported for increased security when using inline javascript or stylesheets ([Docs](https://kit.svelte.dev/docs/configuration#csp), [#3499](https://github.com/sveltejs/kit/pull/3499))
-- `kit.routes` config allows you to customise public/private modules during build ([Docs](https://kit.svelte.dev/docs/configuration#routes), [#3576](https://github.com/sveltejs/kit/pull/3576))
-- `prerender.createIndexFiles` config lets you prerender index.html files as their subfolder's name ([Docs](https://kit.svelte.dev/docs/configuration#prerender), [#2632](https://github.com/sveltejs/kit/pull/2632))
-- HTTP methods can now be overridden using `kit.methodOverride` ([Docs](https://kit.svelte.dev/docs/routing#endpoints-http-method-overrides), [#2989](https://github.com/sveltejs/kit/pull/2989))
-
-**Config changes**
-- `config.kit.hydrate` and `config.kit.router` are now nested under `config.kit.browser` ([Docs](https://kit.svelte.dev/docs/configuration#browser), [3578](https://github.com/sveltejs/kit/pull/3578))
-
-**Breaking change**
-- use `Request` and `Response` objects in endpoints and hooks ([#3384](https://github.com/sveltejs/kit/pull/3384))
-
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-- [timb(re)](https://paullj.github.io/timb) is a live music programming environment
-- [Music for Programming](https://musicforprogramming.net/latest/) is a series of mixes intended for listening while `${task}` to focus the brain and inspire the mind
-- [Team Tale](https://teamtale.app/) allows two authors to write the same story in a tag-team sort of fashion
-- [Puzzlez](https://www.puzzlez.io/) is an online place to play Sudoku and Wordle
-- [Closed Caption Creator](https://www.closedcaptioncreator.com/) makes it easy to add subtitles to your video on Windows, Mac and Google Chrome
-- [SC3Lab](https://sc3-lab.netlify.app/) is a code generator for experimenting with svelte-cubed and three.js
-- [Donkeytype](https://github.com/0ql/Donkeytype) is a minimalistic and lightweight typingtest inspired by Monkeytype.
-- [Above](https://above.silas.pro/) is a visual routine timer built for the ADHD/autistic mind
-- [base.report](https://base.report/) is a modern research platform for serious investors
-- [String](https://string.kampsy.xyz/) turns your Phone into a secure portable audio recorder, making it easy to capture and share personal notes, family moments, classroom lectures, and more
-- [The Raytracer Challenge REPL](https://github.com/jakobwesthoff/the_raytracer_challenge_repl) provides a live editor interface to configure a raytraced scene and render it live in any modern browser
-- [awesome-svelte-kit](https://github.com/janosh/awesome-svelte-kit) is a list of awesome examples of SvelteKit in the wild
-- [Map Projection Explorer](https://www.geo-projections.com/) lets you explore different map projections and explains their differences
-- [Rubiks](https://github.com/MeharGaur/rubiks) is a Rubik's Cube simulator
-- [Pianisto](https://pianisto.net/) is a working piano made with SVG, ToneJS and a lot of patience
-
-Want to work on a SvelteKit site with others, [try contributing to the Svelte Society site](https://github.com/svelte-society/sveltesociety-2021/issues)!
-
-
-**Learning and Listening**
-
-_To Read_
-- [Accelerating Svelte's Development](https://svelte.dev/blog/accelerating-sveltes-development) by Ben McCann
-- [Storybook for Vite](https://storybook.js.org/blog/storybook-for-vite/)
-- [Let's learn SvelteKit by building a static Markdown blog from scratch](https://joshcollinsworth.com/blog/build-static-sveltekit-markdown-blog) by Josh Collinsworth
-- [Building an iOS app with Svelte, Capacitor and Firebase](https://harryherskowitz.com/2022/01/05/tapedrop-app.html) by Harry Herskowitz
-- [Mutating Query Params in SvelteKit Without Page Reloads or Navigations](https://dev.to/mohamadharith/mutating-query-params-in-sveltekit-without-page-reloads-or-navigations-2i2b) and [Workaround for Bubbling Custom Events in Svelte](https://dev.to/mohamadharith/workaround-for-bubbling-custom-events-in-svelte-3khk) by Mohamad Harith
-- [How to build a full stack serverless application with Svelte and GraphQL](https://dev.to/shadid12/how-to-build-a-full-stack-serverless-application-with-svelte-graphql-and-fauna-5427) by Shadid Haque
-- [How to Deploy SvelteKit Apps to Github Pages](https://sveltesaas.com/articles/sveltekit-github-pages-guide/)
-- [Creating a dApp with SvelteKit](https://anthonyriley.org/2021/12/31/creating-a-dapp-with-sveltekit/) by Anthony Riley
-- [Comparing Svelte Reactivity Options](https://opendirective.net/2022/01/06/comparing-svelte-reactivity-options/) by Steve Lee
-
-_To Watch_
-- [Integrating Storybook with SvelteKit](https://www.youtube.com/watch?v=Kc1ULlfyUcw) and [Integrating FaunaDB with Svelte](https://www.youtube.com/watch?v=zaoLZc76uZM) by the Svelte Sirens
-- [SvelteKit Crash Course Tutorial](https://www.youtube.com/watch?v=9OlLxkaeVvw&list=PL4cUxeGkcC9hpM9ARM59Ve3jqcb54dqiP) by The Net Ninja
-- [Svelte for Beginners](https://www.youtube.com/watch?v=BrkrOjknC_E&list=PLA9WiRZ-IS_ylnMYxIFCsZN6xVVSvLuHk) by Joy of Code
-- [SvelteKit For Beginners | Movie App Tutorial](https://www.youtube.com/watch?v=ydR_M0fw9Xc) by Dev Ed
-- [SvelteKit $app/stores](https://www.youtube.com/watch?v=gBPhr1xbgaQ) by lihautan
-- [Sveltekit - Get All Routes/Pages](https://www.youtube.com/watch?v=Y_NE2R3HuOU) by WebJeda
-
-_To Listen To_
-- [New Year, New Svelte!?](https://share.transistor.fm/s/36212cdc) from Svelte Radio
-- [So much Sveltey goodness (featuring Rich Harris)](https://changelog.com/jsparty/205) from JS Party
-- [The Other Side of Tech: A Documentarian Perspective (with Stefan Kingham)](https://codingcat.dev/podcast/2-4-the-other-side-of-tech-a-documentarian-perspective) from Purrfect.dev
-
-**Libraries, Tools & Components**
-- [threlte](https://github.com/grischaerbe/threlte) is a three.js component library for Svelte
-- [svelte-formify](https://github.com/nodify-at/svelte-formify) is a library to manage and validate forms that uses decorators to define validations
-- [gQuery](https://github.com/leveluptuts/gQuery) is a GraphQL Fetcher & Cache for Svelte Kit
-- [Unlock-protocol](https://github.com/novum-insights/sveltekit-unlock-firebase) is an integration to help login with MetaMask, Firebase, and paywall customers
-- [AgnosticUI](https://github.com/AgnosticUI/agnosticui) is a set of UI primitives that start their lives in clean HTML and CSS
-- [Vitebook](https://github.com/vitebook/vitebook) is a fast and lightweight alternative to Storybook that's powered by Vite
-- [SwyxKit](https://swyxkit.netlify.app/) is an opinionated blog starter for SvelteKit + Tailwind + Netlify. Refreshed for 2022!
-- [svelte-themes](https://github.com/beynar/svelte-themes) is an abstraction for themes in your SvelteKit app
-- [svelte-transition](https://www.npmjs.com/package/svelte-transition) is a Svelte component to make using CSS class based transitions easier - ideally suited for use with TailwindCSS
-- [Svelte Inview](https://www.npmjs.com/package/svelte-inview) is a Svelte action that monitors an element enters or leaves the viewport/parent element
-- [svelte-inline-compile](https://github.com/DockYard/svelte-inline-compile) is a babel transform that allows for a much more pleasant experience when testing svelte components using Jest and `@testing-library/svelte`
-- [@feltcoop/svelte-mutable-store](https://github.com/feltcoop/svelte-mutable-store) is a Svelte store for mutable values with an `immutable` compiler option
-- [headless-svelte-ui](https://www.npmjs.com/package/@bojalelabs/headless-svelte-ui) is a group of headless components that can be used in building Svelte Apps.
-
-Did we miss something? Need help bringing your next idea to life in Svelte? Join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs).
-
-See ya next month!
diff --git a/site/content/blog/2022-03-01-whats-new-in-svelte-march-2022.md b/site/content/blog/2022-03-01-whats-new-in-svelte-march-2022.md
deleted file mode 100644
index ceaed511bc3..00000000000
--- a/site/content/blog/2022-03-01-whats-new-in-svelte-march-2022.md
+++ /dev/null
@@ -1,87 +0,0 @@
----
-title: "What's new in Svelte: March 2022"
-description: "Svelte Summit Spring is coming... and page endpoints are here!"
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-Just announced: [Svelte Summit Spring](https://www.sveltesummit.com/) will be taking place on April 30, 2022. The 5th Virtual Svelte Conference is [looking for speakers](https://www.sveltesummit.com/#speakers) and [sponsors](https://www.sveltesummit.com/sponsors)... so it's time to dust off those proposals!
-
-Also, some long-requested features were added to SvelteKit this month... including page endpoints! This change in how the `load` function works makes it easier to fetch data required for basic pages, redirect from POST responses and handle 404s and other errors.
-
-More on that and other new features and fixes below!
-
-## What's new in SvelteKit
-- The docs are now searchable and multipage with type definitions and hoverable code examples - Check them out at [kit.svelte.dev/docs](https://kit.svelte.dev/docs/)
-- Page endpoints significantly decrease the boilerplate needed when loading a page ([Issue](https://github.com/sveltejs/kit/issues/3532), [PR](https://github.com/sveltejs/kit/pull/3679), [Docs](https://kit.svelte.dev/docs/routing#endpoints-page-endpoints))
-- Application versioning and update detection support lets you determine what to do when a route fails to load after an app update ([Issue](https://github.com/sveltejs/kit/issues/87), [PR](https://github.com/sveltejs/kit/pull/3412), [Docs](https://kit.svelte.dev/docs/configuration#version))
-- A new option in `npm init svelte@next` will now set up Playwright automatically for testing ([PR](https://github.com/sveltejs/kit/pull/4056))
-
-
-**Breaking Changes**
-- The `target` option is no longer available. Instead, the `init` script hydrates its `parentNode` ([#3674](https://github.com/sveltejs/kit/pull/3674))
-- App-level types now live in the `App` namespace which allows you to type global types like `Stuff` or `Session` ([#3670](https://github.com/sveltejs/kit/pull/3670))
-- `JSONString` is now `JSONValue` ([#3683](https://github.com/sveltejs/kit/pull/3683))
-- `createIndexFiles` has been removed — it is now controlled by the `trailingSlash` option ([#3801](https://github.com/sveltejs/kit/pull/3801))
-- SvelteKit will no longer exclude root-relative external links from prerendering, which will cause 404s if these URLs are intended to be served by a separate app. Use a custom [`prerender.onError`](https://kit.svelte.dev/docs/configuration#prerender) handler if you need to ignore them ([#3826](https://github.com/sveltejs/kit/pull/3826))
-
-
-## New in Language Tools
-- Accessing properties in markups has been improved in the Svelte language tools ([105.12.0](https://github.com/sveltejs/language-tools/releases/tag/extensions-105.12.0)) - working around some known issues with autocomplete ([#538](https://github.com/sveltejs/language-tools/issues/538) / [#1302](https://github.com/sveltejs/language-tools/issues/1302))
-
-
----
-
-## Community Showcase
-
-**Apps & Sites**
-- [SvelteStorm](https://github.com/open-source-labs/SvelteStorm) is specifically tailored to provide all of the essential tools a Svelte developer needs to build a Svelte application
-- [Supachat](https://github.com/Lleweraf/supachat) is a real-time chat app using Svelte and Supabase
-- [Radicle](https://radicle.xyz/) is a peer-to-peer stack for building software together
-- [The Making Known](https://the-making-known.com/) is a narrated encounter with posters designed by the Nazi German government to communicate with the occupied nations of Belgium, France, and Luxembourg during the Second World War
-- [Svelte Kanban](https://github.com/V-Py/svelte-kanban) is a simple Svelte Kanban made in pure CSS
-- [fngrng](https://github.com/nvlgzr/fngrng) is a typing trainer focussed on accuracy over speed
-- [Generative grids](https://svelte.dev/repl/873988ce33db43f097c0ca69df57b3ac?version=3.46.4) is a neat little generative SVG grid in a Svelte REPL, with randomly generated color palettes and shapes
-- [LifeHash](https://github.com/BlockchainCommons/lifehash.info) is a method of hash visualization that creates beautiful, deterministic icons
-- [TypedWebhook.tools](https://typedwebhook.tools/) is a webhook testing tool for checking payloads, with automatic type generation
-- [Speedskating](https://github.com/spiegelgraphics/speedskating) is an animation widget to show olympic speedskating runs. Built with Svelte, D3 and regl
-- [Web tail](https://github.com/mishankov/web-tail) is a web application to view lines from file on local system or on remote server
-
-Want to work on a SvelteKit site with others? [Contribute to the Svelte Society site](https://github.com/svelte-society/sveltesociety.dev/issues)!
-
-
-**Learning Resources**
-
-_To Read_
-- [Svelte Components as Web Components](https://medium.com/@yesmeno/svelte-components-as-web-components-b400d1253504) by Matias Meno
-- [Simple Svelte Routing with Reactive URLs](https://bjornlu.com/blog/simple-svelte-routing-with-reactive-urls) by Bjorn Lu
-- [Leveling Up my Sveltekit / Sanity.io Blog Content with Featured Videos and Syntax Highlighting](https://ryanboddy.net/level-up-blog) by Ryan Boddy
-- [How This Blog Makes the Most of GitHub](https://paullj.github.io/posts/how-this-blog-makes-the-most-of-github/) by paullj
-- [FullStack JWT Auth: Introducing SvelteKit](https://dev.to/sirneij/fullstack-jwt-introducing-sveltekit-3jcn) by John Idogun
-- [Svelte-Cubed: Adding Motion to 3D Scenes](https://dev.to/alexwarnes/svelte-cubed-adding-motion-to-3d-scenes-51lo) by Alex Warnes
-- [Creating a RSS feed with Sanity and Svelte Kit](https://ghostdev.xyz/posts/creating-a-rss-feed-with-sanity-and-svelte-kit) by GHOST
-- [How to use Svelte's style directive](https://geoffrich.net/posts/style-directives/) by Geoff Rich
-- [SvelteKit and the "Client pattern"](https://retro.cloud/sveltekit-and-the-client-pattern/) by Julian Laubstein
-
-_To Watch_
-- [~~Shadow~~ Page Endpoints In Svelte Kit - Weekly Svelte](https://www.youtube.com/watch?v=PoYPZT7ruqI) by LevelUpTuts
-- [Testing For Beginners (Playlist)](https://www.youtube.com/watch?v=y53wwdBr5AI&list=PLA9WiRZ-IS_z7KpqhPELfEMbhAGRwZrzn) by Joy of Code
-- [KitQL - The native SvelteKit library for GraphQL](https://www.youtube.com/watch?v=6pH4fnFN70w) by Jean-Yves COUËT
-
-
-**Libraries, Tools & Components**
-- [gosvelte](https://github.com/sachinbhutani/gosvelte) is a proof of concept to serve Svelte-generated pages on GoLang HTTP server with server data being sent as props to svelte components
-- [svelte-ethers-store](https://www.npmjs.com/package/svelte-ethers-store) uses the ethers.js library as a collection of readable Svelte stores for Svelte, Sapper or SvelteKit
-- [Fluid Grid](https://fluid-grid.com/) is a CSS grid system for future web
-- [stirstack](https://github.com/seeReadCode/stirstack) is an opinionated framework that combines Svelte.js, TailwindCSS, InertiaJS and Ruby on Rails
-- [OATHqr](https://codeberg.org/vhs/oathqr) helps users create security credentials for use with 2FA/MFA and other OATH-enabled apps. Use it to generate scannable QR codes for one-time password authenticator apps such as Aegis or YubiKey
-- [svelte-GridTiles](https://github.com/honeybeeSunshine/svelte-GridTiles) is a drag and drop resizable tiles library built on a responsive grid
-- [Miscellaneous Svelte Components](https://github.com/alex-knyaz/Miscellaneous-svelte-components/) is a collection of miscellaneous svelte components alex-knyaz often use in my projects
-- [walk-and-graph-svelte-components](https://github.com/j2l/walk-and-graph-svelte-components) is a CLI node script to walk svelte and js files, to draw a beautiful JPG of your dependencies aka "imports"
-- [Felte](https://www.npmjs.com/package/felte) is a simple to use form library for Svelte
-- [svelte-use-tooltip](https://github.com/untemps/svelte-use-tooltip) is a Svelte action to display a tooltip
-- [persistent-svelte-store](https://github.com/omer-g/persistent-svelte-store) is a generic persistent writable store, built from scratch in TypeScript according to the Svelte store contract
-
-What'd we miss? Join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs) to continue the conversation.
-
-See y'all next month!
diff --git a/site/content/blog/2022-04-01-whats-new-in-svelte-april-2022.md b/site/content/blog/2022-04-01-whats-new-in-svelte-april-2022.md
deleted file mode 100644
index 2f9db935808..00000000000
--- a/site/content/blog/2022-04-01-whats-new-in-svelte-april-2022.md
+++ /dev/null
@@ -1,104 +0,0 @@
----
-title: "What's new in Svelte: April 2022"
-description: "Goodbye fallthrough routes, hello param validators!"
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-This month, we felt a shift in the way SvelteKit handles page properties. The last holdout of the use-cases that required fallthrough routes, validating parameter properties, has been replaced by a more specific solution.
-
-More on that, and what else is new in Svelte, as we dive in...
-
-## What's new in SvelteKit
-- Param matchers allow you to check if a url parameter matches before rendering a page - replacing the need for fallthrough routes for this purpose ([Docs](https://kit.svelte.dev/docs/routing#advanced-routing-matching), [#4334](https://github.com/sveltejs/kit/pull/4334))
-- Explicit redirects can now be handled directly from endpoints ([#4260](https://github.com/sveltejs/kit/pull/4260))
-- `svelte-kit sync` ([#4182](https://github.com/sveltejs/kit/pull/4182)), TypeScript 4.6 ([#4190](https://github.com/sveltejs/kit/pull/4190)) and Vite 2.9 were released - adding non-blocking dependency optimization and experimental CSS source maps in dev mode as well as a number of bug fixes contributed by the SvelteKit team ([#4468](https://github.com/sveltejs/kit/pull/4468))
-
-
-**New Config Options**
-- `outDir` fixes path issues in monorepos and other situations where the desired output directory is outside the project directory ([Docs](https://kit.svelte.dev/docs/configuration#outdir), [#4176](https://github.com/sveltejs/kit/pull/4176))
-- `endpointExtensions` prevents files other than .js and .ts files from being treated as endpoints, unless you specify endpointExtensions ([Docs](https://kit.svelte.dev/docs/configuration#endpointextensions), [#4197](https://github.com/sveltejs/kit/pull/4197))
-- `prerender.default` lets you prerender every page without having to write `export const prerender = true` in every page file ([Docs](https://kit.svelte.dev/docs/configuration#prerender), [#4192](https://github.com/sveltejs/kit/pull/4192))
-
-
-**Breaking Changes**
-- Fallthrough routes have been removed. For migration tips, check out the PR ([#4330](https://github.com/sveltejs/kit/pull/4330))
-- `tabindex="-1"` is only added to `<body>` during navigation ([#4140](https://github.com/sveltejs/kit/pull/4140) and [#4184](https://github.com/sveltejs/kit/pull/4184))
-- Adapters are now required to supply a `getClientAddress` function ([#4289](https://github.com/sveltejs/kit/pull/4289))
-- `InputProps` and `OutputProps` can now be typed separately in generated `Load` ([#4305](https://github.com/sveltejs/kit/pull/4305))
-- The `\$` character is no longer allowed in dynamic parameters ([#4334](https://github.com/sveltejs/kit/pull/4334))
-- `svelte-kit package` has been marked as experimental so changes to it after Kit 1.0 will not be considered breaking ([#4164](https://github.com/sveltejs/kit/pull/4164))
-
-
-## New across the Svelte ecosystem
-- Svelte: Lots of new types for TypeScript and Svelte plugin users - including `style:` directives and Svelte Actions (**3.46.4** and **3.46.5**)
-- Language Tools: Svelte project files are now importable/findable through references without having them imported in a TS file ([105.13.0](https://github.com/sveltejs/language-tools/releases/tag/extensions-105.13.0))
-- Language Tools: Region folding is now supported in html with `<!--#region-->`/`<!--#endregion-->` ([105.13.0](https://github.com/sveltejs/language-tools/releases/tag/extensions-105.13.0))
-
----
-
-## Community Showcase
-
-**Apps & Sites built with Svelte**
-- [Launcher](https://launcher.team/) is an open-source app launcher powered by SvelteKit, Prisma, and Tailwind
-- [Paaster](https://paaster.io/) is a secure by default end to end encrypted pastebin built with Svelte, Vite, Typescript, Python, Starlette, rclone & Docker.
-- [Simple AF Video Converter](https://github.com/berlyozzy/Simple-AF-Video-Converter) is an Electron wrapper around ffmpeg.wasm to make converting videos between formats easier
-- [Streamchaser](https://github.com/streamchaser/streamchaser) seeks to simplify movie, series and documentary search through a centralized entertainment technology platform
-- [Svelte Color Picker](https://github.com/V-Py/svelte-material-color-picker) is a simple color picker made with Svelte
-- [ConcertMash](https://github.com/mcmxcdev/ConcertMash) is a small website that interacts with the Spotify API and generates new playlists based on the upcoming concerts you're attending
-- [Modulus](https://modulus.vision/) is a Design+Code Think Tank conceived with the main mission to evolve design and technology
-- [Multiply](https://www.multiply.us/) is an integrated PR and Social agency moving at the speed of culture
-- [yia!](https://www.yia.co.nz/) is a Young Innovator Award competition in New Zealand
-- [Write to Russia](https://www.writetorussia.org/index) is a community email writing platform to communicate with public `.ru` email addresses
-- [Markdown Playground](https://github.com/Petros-K/markdown-playground) is an online playground dedicated for your markdown experiments. 
-- [RatherMisty](https://rathermisty.com/) is a no frills weather app with weather data from Open-Meteo
-- [Minecraft Profile Pic (MCPFP)](https://github.com/MauritsWilke/mcpfp) is a site to generate Minecraft profile pictures with ease
-- [WebGL Fluid Simulation](https://github.com/jpaquim/svelte-webgl-fluid-simulation) is a configurable fluid simulation built with Svelte and WebGL
-- [This @NobelPeaceOslo exhibition](https://twitter.com/perbyhring/status/1504754949791621120) was built using printed graphics, projected motion graphics, particle animations and generative sound design
-
-Itching to contribute to a modern SvelteKit website? [Help build the Svelte Society site](https://github.com/svelte-society/sveltesociety.dev/issues)!
-
-
-**Learning Resources**
-
-_To Attend_
-- [Svelte Summit: Spring](https://www.sveltesummit.com/) will take place on April 30, 2022! Join us for the 5th virtual Svelte conference on [YouTube](https://www.sveltesummit.com/) and Discord 🍾
-
-_To Read_
-- [Svelte(Kit) TypeScript Showcase + general TypeScript tips](https://github.com/ivanhofer/sveltekit-typescript-showcase) by Hofer Ivan
-- [Local constants in Svelte with the @const tag](https://geoffrich.net/posts/local-constants/) by Geoff Rich
-- [Design Patterns for Building Reusable Svelte Components](https://render.com/blog/svelte-design-patterns) by Eric Liu
-- [Svelte is better than React](https://labs.hamy.xyz/posts/svelte-is-better-than-react/) by Hamilton Greene
-- [Making Visualizations Literally with Svelte and D3](https://www.connorrothschild.com/post/svelte-and-d3) by Connor Rothschild
-- [Coordinating Multiple Elements with Svelte Deferred Transitions](https://imfeld.dev/writing/svelte_deferred_transitions) by Daniel Imfeld
-- [Animate on scroll with Svelte Inview - Little Bits](https://dev.to/maciekgrzybek/animate-on-scroll-with-svelte-inview-266f) by Maciek Grzybek
-- [Lazy-Loading Firebase with SvelteKit](https://www.captaincodeman.com/lazy-loading-firebase-with-sveltekit) and [HeadlessUI Components with Svelte](https://www.captaincodeman.com/headlessui-components-with-svelte) by Captain Codeman
-- [SvelteKit Accessibility Testing: Automated CI A11y Tests](https://rodneylab.com/sveltekit-accessibility-testing/) by Rodney Lab
-- [Getting Started with KitQL and GraphCMS](https://scottspence.com/posts/getting-started-with-kitql-and-graphcms) by Scott Spence
-- [React ⇆ Svelte Cheatsheet](https://dev.to/joshnuss/react-to-svelte-cheatsheet-1a2a) lists the similarities and differences between the two libraries - by Joshua Nussbaum
-
-_To Watch_
-- [Svelte Extravaganza | Async](https://www.youtube.com/watch?v=mT4CLVHgtSg) by pngwn
-- [6 Svelte Packages You Should Know](https://www.youtube.com/watch?v=y5SrUKcX_Co) and [Basic React To Svelte Conversion](https://www.youtube.com/watch?v=DiSuwLlhOxs) by LevelUpTuts
-- [Page/Shadow Endpoint in SvelteKit](https://www.youtube.com/watch?v=j-9D5UDyVOM) by WebJeda
-- [Custom Svelte Store: Higher Order Store](https://www.youtube.com/watch?v=p1aPfVyZ1IY) by lihautan
-- [SvelteKit For Beginners (Playlist)](https://www.youtube.com/watch?v=bLBHecY4-ak&list=PLA9WiRZ-IS_zXZZyW4qfj0akvOAtk6MFS) by Joy of Code - follow along with the [blog guide](https://joyofcode.xyz/sveltekit-for-beginners)
-- [Fullstack SvelteKit Auth 🔐 with Firebase & Magic Links! 🪄](https://www.youtube.com/watch?v=MAHE4iQgh5Q) by Johnny Magrippis
-- [Firebase Authentication in SvelteKit! Full Stack App](https://www.youtube.com/watch?v=N6Y3hqhZvNI) by Ryan Boddy
-
-
-**Libraries, Tools & Components**
-- [SvelTable](https://sveltable.io/) is a feature rich, data table component built with Svelte
-- [svelte-cyberComp](https://github.com/Cybersteam00/svelte-cyberComp) is a powerful, lightweight component library written in Svelte and Typescript
-- [Flowbite Svelte](https://github.com/shinokada/flowbite-svelte) is an unofficial Flowbite component library for Svelte
-- [Svelte-Tide-Project](https://github.com/jbertovic/svelte-tide-project) is a starter template for Svelte frontend apps with Rust Tide backend server
-- [Fetch Inject](https://github.com/vhscom/fetch-inject#sveltekit) implements a performance optimization technique for managing asynchronous JavaScript dependencies - now with Svelte support
-- [svelte-utterances](https://github.com/shinokada/svelte-utterances) is a lightweight comments widget built on GitHub issues
-- [Liquivelte](https://github.com/malipetek/liquivelte-vscode) allows you to create your Shopify theme with Svelte-like components
-- [@storyblok/svelte](https://github.com/storyblok/storyblok-svelte) is the Svelte SDK you need to interact with Storyblok API and enable the Real-time Visual Editing Experience
-- [@svelte-on-solana/wallet-adapter](https://github.com/svelte-on-solana/wallet-adapter) is a modular TypeScript wallet adapter and UI components for Solana/Anchor applications using SvelteJS as framework
-- [svelte-lookat](https://www.npmjs.com/package/svelte-lookat) creates a div which makes all its children follow the mouse cursor or the user's face when using a mobile phone
-
-Join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs) to continue the conversation.
-
-See y'all next month!
diff --git a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md b/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md
deleted file mode 100644
index 5bf169049ea..00000000000
--- a/site/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md
+++ /dev/null
@@ -1,89 +0,0 @@
----
-title: "What's new in Svelte: May 2022"
-description: "Dynamically switch between HTML element types with `<svelte:element>`"
-author: Daniel Sandoval
-authorURL: https://desandoval.net
----
-
-With yesterday's Svelte Summit behind us, we've got a lot of news to share! Check out all of the recordings on the [Svelte Society YouTube Channel](https://www.youtube.com/sveltesociety) and the rest of this month's updates below...
-
-## What's new in Svelte
-- The `<svelte:element>` element lets you render an element of a dynamically specified type. This is useful, for example, when rendering rich text content from a CMS. Check out the [docs](https://svelte.dev/docs#template-syntax-svelte-element) or the [tutorial](https://svelte.dev/tutorial/svelte-element) for more info (**3.47.0**)!
-
-
-## Language Tools updates
-- `svelte:element` and `sveltekit:reload` are now supported
-- Invalid Svelte import paths will now be automatically detected - see PR for getting back the old behavior ([#1448](https://github.com/sveltejs/language-tools/pull/1448))
-- `source.sortImports` lets you sort imports without deleting unused imports ([#1338](https://github.com/sveltejs/language-tools/issues/1338))
-- Hovering over HTML attributes will now show HTML hover info instead of the TS hover info - resulting in much more useful information ([#1447](https://github.com/sveltejs/language-tools/pull/1447))
-- In VS Code, you can now wrap existing blocks of code in control flow tags using the `Insert Snippet` command ([#1373](https://github.com/sveltejs/language-tools/pull/1373))
-
-## What's new in SvelteKit
-- Files and directories can now be named `__tests__` and `__test__` in the routes directory ([#4438](https://github.com/sveltejs/kit/pull/4438))
-- Netlify Edge Functions ([#4657](https://github.com/sveltejs/kit/pull/4657)) and the Vercel build output API ([#4663](https://github.com/sveltejs/kit/pull/4663)) are now supported
-- Custom `load` dependencies, array of strings representing URLs the page depends on, are now available when loading routes ([Docs](https://kit.svelte.dev/docs/loading#output-dependencies), [#4536](https://github.com/sveltejs/kit/pull/4536))
-
-
-**Breaking Changes**
-- Validators are now called "matchers" ([Docs](https://kit.svelte.dev/docs/routing#advanced-routing-matching), [#4358](https://github.com/sveltejs/kit/pull/4358))
-- `__layout.reset` has been replaced by named layouts - which have much configurability for shared layout elements ([Docs](https://kit.svelte.dev/docs/layouts#named-layouts), [#4388](https://github.com/sveltejs/kit/pull/4388))
-- Prerendering is now skipped for `rel="external"` links ([#4545](https://github.com/sveltejs/kit/pull/4545))
-- `maxage` is now `cache` in `LoadOutput` ([#4690](https://github.com/sveltejs/kit/pull/4690))
-
-
----
-
-## Community Showcase
-
-**Apps & Sites built with Svelte**
-- [polySpectra AR](https://ar.polyspectra.com/) lets you prototype faster 3D Printing with seamless AR file handoffs ([video demo](https://www.youtube.com/watch?v=VhYCeVGcG3E))
-- [Pixel Art Together](https://github.com/liveblocks/pixel-art-together) is a free multiplayer pixel art editor powered by Liveblocks
-- [Tooling Manager](https://tooling-manager.netlify.app/) lets you compare your JavaScript tech stack against industry standard boilerplates
-- [Easy Portfolio](https://easy-portfolio.com/) generates a portfolio based on your GitHub profile
-- [FLOAT](https://github.com/muttoni/float) is an attendance tracking program for events
-- [The Coin Perspective](https://thecoinperspective.com/) is a cryptocurrency price tracker and portfolio management tool
-- [Locutionis](https://github.com/pbouillon/locutionis) is a small, online reference of figures of speech (en français)
-- [ASM Editor](https://asm-editor.specy.app/) is an all in one web editor for M68K and MIPS
-- [Otium](https://github.com/alombi/otium) is a free and open source book manager and bookshelf organiser, that helps you managing your books and the ones you would like to read
-- [Sinwaver](https://github.com/Hugo-Dz/Sinwaver) is an SVG sine wave generator
-
-Want to contribute to a modern SvelteKit website? [Help build the Svelte Society site](https://github.com/svelte-society/sveltesociety.dev/issues)!
-
-
-**Learning Resources**
-
-_To Read_
-- [4 tips for cleaner Svelte components](https://geoffrich.net/posts/clean-component-tips/) by Geoff Rich
-- [Building a Clubhouse clone with Svelte and 100ms](https://www.100ms.live/blog/clubhouse-clone-with-svelte) By Seun Taiwo
-- [SvelteKit uvu Testing: Fast Component Unit Tests](https://rodneylab.com/sveltekit-uvu-testing/) by Rodney Lab
-- [SvelteKit JWT authentication tutorial](https://dev.to/pilcrowonpaper/sveltekit-jwt-authentication-tutorial-2m34) by pilcrowOnPaper
-- [Converting a Rollup-based Svelte SPA to SvelteKit](https://github.com/sveltejs/kit/discussions/4595) by Simon H
-- [Add Commitint, Commitizen, Standard Version, and Husky to SvelteKit Project](https://davipon.hashnode.dev/add-commitint-commitizen-standard-version-and-husky-to-sveltekit-project) by David Peng
-
-_To Watch or Hear_
-- [Rich Harris - The Road to SvelteKit 1.0 (Svelte Society NYC)](https://www.youtube.com/watch?v=s6a1pbTVcUs) by Svelte Society
-- [Svelte Fundamentals - Intro to Svelte](https://codingcat.dev/course/intro-to-svelte) by Coding Cat
-- [Svelte Components Using Custom Markdown Renderers - Weekly Svelte](https://www.youtube.com/watch?v=ZiEROAqobwM) by LevelUpTuts
-- [Implementing {@const} in if block](https://www.youtube.com/watch?v=f5iReGqjmG0) by lihautan
-- [Svelte and Contributing to Open-Source with Geoff Rich](https://podcast.20minjs.com/1952066/10417700-episode-6-svelte-and-contributing-to-open-source-with-geoff-rich) by 20minJS
-
-
-**Libraries, Tools & Components**
-- [KitDocs](https://github.com/svelteness/kit-docs) is a documentation integration for SvelteKit - like VitePress for Svelte.
-- [Svelte Copy](https://github.com/ghostdevv/svelte-copy) is a click/tap-to-copy library that makes it easy to copy to the clipboard
-- [Svend3r](https://github.com/oslabs-beta/svend3r) provides beautiful visualizations that harness the power of D3 to bring your data to life while abstracting away its imperative-style code
-- [Svelte Hamburgers](https://github.com/ghostdevv/svelte-hamburgers) is the easy to use Hamburger menu component for Svelte
-- [Svelte Droplet](https://github.com/probablykasper/svelte-droplet) is a file dropzone for Svelte
-- [Svelte MP3](https://www.npmjs.com/package/svelte-mp3) is a light blazingly fast yet simple minimalistic audio player for Svelte 
-- [SvelteUI](https://github.com/Brisklemonade/svelteui) is a component library for building fully functional & accessible web applications faster than ever 
-- [svelte-spotlight](https://github.com/beynar/svelte-spotlight) is a headless spotlight component to help you build your site's global search box in minutes
-- [svelte-pdf-simple](https://github.com/gspasov/svelte-pdf-simple) is a simple svelte library for displaying PDFs and giving you all the control
-- [persistent-svelte-store](https://github.com/omer-g/persistent-svelte-store) is a generic persistent writable store, built from scratch in TypeScript according to the Svelte store contract
-- [svelte-exmarkdown](https://github.com/ssssota/svelte-exmarkdown) is Svelte component to render markdown dynamically
-- [Bookit](https://github.com/leveluptuts/bookit) is a storybook-like component rendering environment - finely tuned to work directly within your SvelteKit projects
-
-Join us on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs) to continue the conversation.
-
-If you'd prefer to join us in person, Svelte Summit is finally transitioning properly into the real world. Come join us for two days of awesome Svelte content! [Get your tickets now!](https://ti.to/svelte/svelte-summit-fall-edition)
-
-See y'all next month!
diff --git a/site/content/docs/01-getting-started.md b/site/content/docs/01-getting-started.md
new file mode 100644
index 00000000000..2362925beb3
--- /dev/null
+++ b/site/content/docs/01-getting-started.md
@@ -0,0 +1,23 @@
+---
+title: Getting started
+---
+
+---
+
+To try Svelte in an interactive online environment you can try [the REPL](https://svelte.dev/repl) or [StackBlitz](https://node.new/svelte).
+
+To create a project locally we recommend using [SvelteKit](https://kit.svelte.dev/), the official application framework from the Svelte team:
+```
+npm create svelte@latest myapp
+cd myapp
+npm install
+npm run dev
+```
+
+SvelteKit will handle calling [the Svelte compiler](https://www.npmjs.com/package/svelte) to convert your `.svelte` files into `.js` files that create the DOM and `.css` files that style it. It also provides all the other pieces you need to build a web application such as a development server, routing, and deployment. [SvelteKit](https://kit.svelte.dev/) utilizes [Vite](https://vitejs.dev/) to build your code and handle server-side rendering (SSR). There are [plugins for all the major web bundlers](https://sveltesociety.dev/tools#bundling) to handle Svelte compilation, which will output `.js` and `.css` that you can insert into your HTML, but most others won't handle SSR.
+
+If you don't need a full-fledged app framework and instead want to build a simple frontend-only site/app, you can also use Svelte (without Kit) with Vite by running `npm init vite` and selecting the `svelte` option. With this, `npm run build` will generate HTML, JS and CSS files inside the `dist` directory. 
+
+The Svelte team maintains a [VS Code extension](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) and there are integrations with various other [editors](https://sveltesociety.dev/tools#editor-support) and tools as well.
+
+If you're having trouble, get help on [Discord](https://svelte.dev/chat) or [StackOverflow](https://stackoverflow.com/questions/tagged/svelte).
diff --git a/site/content/docs/01-component-format.md b/site/content/docs/02-component-format.md
similarity index 87%
rename from site/content/docs/01-component-format.md
rename to site/content/docs/02-component-format.md
index 1c640940021..d9f7a356623 100644
--- a/site/content/docs/01-component-format.md
+++ b/site/content/docs/02-component-format.md
@@ -55,9 +55,7 @@ In development mode (see the [compiler options](/docs#compile-time-svelte-compil
 
 ---
 
-If you export a `const`, `class` or `function`, it is readonly from outside the component. Function *expressions* are valid props, however.
-
-Readonly props can be accessed as properties on the element, tied to the component using [`bind:this` syntax](/docs#template-syntax-component-directives-bind-this).
+If you export a `const`, `class` or `function`, it is readonly from outside the component. Functions are valid prop values, however, as shown below.
 
 ```sv
 <script>
@@ -73,6 +71,8 @@ Readonly props can be accessed as properties on the element, tied to the compone
 </script>
 ```
 
+Readonly props can be accessed as properties on the element, tied to the component using [`bind:this` syntax](/docs#template-syntax-component-directives-bind-this).
+
 ---
 
 You can use reserved words as prop names.
@@ -125,15 +125,29 @@ Because Svelte's reactivity is based on assignments, using array methods like `.
 </script>
 ```
 
+---
+
+Svelte's `<script>` blocks are run only when the component is created, so assignments within a `<script>` block are not automatically run again when a prop updates. If you'd like to track changes to a prop, see the next example in the following section.
+
+```sv
+<script>
+	export let person;
+	// this will only set `name` on component creation
+	// it will not update when `person` does
+	let { name } = person;
+</script>
+```
+
 #### 3. `$:` marks a statement as reactive
 
 ---
 
-Any top-level statement (i.e. not inside a block or a function) can be made reactive by prefixing it with the `$:` [JS label syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/label). Reactive statements run immediately before the component updates, whenever the values that they depend on have changed.
+Any top-level statement (i.e. not inside a block or a function) can be made reactive by prefixing it with the `$:` [JS label syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/label). Reactive statements run after other script code and before the component markup is rendered, whenever the values that they depend on have changed.
 
 ```sv
 <script>
 	export let title;
+	export let person;
 
 	// this will update `document.title` whenever
 	// the `title` prop changes
@@ -143,6 +157,12 @@ Any top-level statement (i.e. not inside a block or a function) can be made reac
 		console.log(`multiple statements can be combined`);
 		console.log(`the current title is ${title}`);
 	}
+
+	// this will update `name` when 'person' changes
+	$: ({ name } = person);
+
+	// don't do this. it will run before the previous line
+	let name2 = name;
 </script>
 ```
 
@@ -172,6 +192,25 @@ Total: {total}
 </button>
 ```
 
+---
+It is important to note that the reactive blocks are ordered via simple static analysis at compile time, and all the compiler looks at are the variables that are assigned to and used within the block itself, not in any functions called by them. This means that `yDependent` will not be updated when `x` is updated in the following example:
+
+```sv
+<script>
+	let x = 0;
+	let y = 0;
+	
+	const setY = (value) => {
+		y = value;
+	}
+	
+	$: yDependent = y;
+	$: setY(x);
+</script>
+```
+
+Moving the line `$: yDependent = y` below `$: setY(x)` will cause `yDependent` to be updated when `x` is updated.
+
 ---
 
 If a statement consists entirely of an assignment to an undeclared variable, Svelte will inject a `let` declaration on your behalf.
diff --git a/site/content/docs/02-template-syntax.md b/site/content/docs/03-template-syntax.md
similarity index 89%
rename from site/content/docs/02-template-syntax.md
rename to site/content/docs/03-template-syntax.md
index d9e7337deac..c373bee7f4c 100644
--- a/site/content/docs/02-template-syntax.md
+++ b/site/content/docs/03-template-syntax.md
@@ -124,6 +124,10 @@ An element or component can have multiple spread attributes, interspersed with r
 
 > The `value` attribute of an `input` element or its children `option` elements must not be set with spread attributes when using `bind:group` or `bind:checked`. Svelte needs to be able to see the element's `value` directly in the markup in these cases so that it can link it to the bound variable.
 
+> Sometimes, the attribute order matters as Svelte sets attributes sequentially in JavaScript. For example, `<input type="range" min="0" max="1" value={0.5} step="0.1"/>`, Svelte will attempt to set the value to `1` (rounding up from 0.5 as the step by default is 1), and then set the step to `0.1`. To fix this, change it to `<input type="range" min="0" max="1" step="0.1" value={0.5}/>`.
+
+> Another example is `<img src="..." loading="lazy" />`. Svelte will set the img `src` before making the img element `loading="lazy"`, which is probably too late. Change this to `<img loading="lazy" src="...">` to make the image lazily loaded.
+
 ---
 
 ### Text expressions
@@ -158,7 +162,7 @@ You can use HTML comments inside components.
 
 ---
 
-Comments beginning with `svelte-ignore` disable warnings for the next block of markup. Usually these are accessibility warnings; make sure that you're disabling them for a good reason.
+Comments beginning with `svelte-ignore` disable warnings for the next block of markup. Usually, these are accessibility warnings; make sure that you're disabling them for a good reason.
 
 ```sv
 <!-- svelte-ignore a11y-autofocus -->
@@ -202,6 +206,7 @@ Additional conditions can be added with `{:else if expression}`, optionally endi
 {/if}
 ```
 
+(Blocks don't have to wrap elements, they can also wrap text within elements!)
 
 ### {#each ...}
 
@@ -534,6 +539,7 @@ The following modifiers are available:
 
 * `preventDefault` — calls `event.preventDefault()` before running the handler
 * `stopPropagation` — calls `event.stopPropagation()`, preventing the event reaching the next element
+* `stopImmediatePropagation` - calls `event.stopImmediatePropagation()`, preventing other listeners of the same event from being fired.
 * `passive` — improves scrolling performance on touch/wheel events (Svelte will add it automatically where it's safe to do so)
 * `nonpassive` — explicitly set `passive: false`
 * `capture` — fires the handler during the *capture* phase instead of the *bubbling* phase
@@ -593,7 +599,7 @@ The simplest bindings reflect the value of a property, such as `input.value`.
 
 ---
 
-If the name matches the value, you can use a shorthand.
+If the name matches the value, you can use shorthand.
 
 ```sv
 <!-- These are equivalent -->
@@ -627,7 +633,7 @@ On `<input>` elements with `type="file"`, you can use `bind:files` to get the [`
 
 ---
 
-`bind:` can be used together with `on:` directives. The order that they are defined in determines the value of the bound variable when the event handler is called.
+If you're using `bind:` directives together with `on:` directives, the order that they're defined in affects the value of the bound variable when the event handler is called.
 
 ```sv
 <script>
@@ -641,6 +647,7 @@ On `<input>` elements with `type="file"`, you can use `bind:files` to get the [`
 />
 ```
 
+Here we were binding to the value of a text input, which uses the `input` event. Bindings on other elements may use different events such as `change`.
 
 ##### Binding `<select>` value
 
@@ -658,7 +665,7 @@ A `<select>` value binding corresponds to the `value` property on the selected `
 
 ---
 
-A `<select multiple>` element behaves similarly to a checkbox group.
+A `<select multiple>` element behaves similarly to a checkbox group. The bound variable is an array with an entry corresponding to the `value` property of each selected `<option>`.
 
 ```sv
 <select multiple bind:value={fillings}>
@@ -707,7 +714,7 @@ Elements with the `contenteditable` attribute support `innerHTML` and `textConte
 
 ---
 
-Media elements (`<audio>` and `<video>`) have their own set of bindings — six *readonly* ones...
+Media elements (`<audio>` and `<video>`) have their own set of bindings — seven *readonly* ones...
 
 * `duration` (readonly) — the total duration of the video, in seconds
 * `buffered` (readonly) — an array of `{start, end}` objects
@@ -715,6 +722,7 @@ Media elements (`<audio>` and `<video>`) have their own set of bindings — six
 * `seekable` (readonly) — ditto
 * `seeking` (readonly) — boolean
 * `ended` (readonly) — boolean
+* `readyState` (readonly) — number between (and including) 0 and 4
 
 ...and five *two-way* bindings:
 
@@ -735,6 +743,7 @@ Videos additionally have readonly `videoWidth` and `videoHeight` bindings.
 	bind:seekable
 	bind:seeking
 	bind:ended
+	bind:readyState
 	bind:currentTime
 	bind:playbackRate
 	bind:paused
@@ -745,11 +754,27 @@ Videos additionally have readonly `videoWidth` and `videoHeight` bindings.
 ></video>
 ```
 
+##### Image element bindings
+
+---
+
+Image elements (`<img>`) have two readonly bindings:
+
+* `naturalWidth` (readonly) — the original width of the image, available after the image has loaded
+* `naturalHeight` (readonly) — the original height of the image, available after the image has loaded
+
+```sv
+<img
+	bind:naturalWidth
+	bind:naturalHeight
+></img>
+```
+
 ##### Block-level element bindings
 
 ---
 
-Block-level elements have 4 readonly bindings, measured using a technique similar to [this one](http://www.backalleycoder.com/2013/03/18/cross-browser-event-based-element-resize-detection/):
+Block-level elements have 4 read-only bindings, measured using a technique similar to [this one](http://www.backalleycoder.com/2013/03/18/cross-browser-event-based-element-resize-detection/):
 
 * `clientWidth`
 * `clientHeight`
@@ -873,6 +898,9 @@ The `style:` directive provides a shorthand for setting multiple styles on an el
 
 <!-- Multiple styles can be included -->
 <div style:color style:width="12rem" style:background-color={darkMode ? "black" : "white"}>...</div>
+
+<!-- Styles can be marked as important -->
+<div style:color|important="red">...</div>
 ```
 
 ---
@@ -967,7 +995,7 @@ transition:fn|local={params}
 
 
 ```js
-transition = (node: HTMLElement, params: any) => {
+transition = (node: HTMLElement, params: any, options: { direction: 'in' | 'out' | 'both' }) => {
 	delay?: number,
 	duration?: number,
 	easing?: (t: number) => number,
@@ -980,7 +1008,7 @@ transition = (node: HTMLElement, params: any) => {
 
 A transition is triggered by an element entering or leaving the DOM as a result of a state change.
 
-When a block is transitioning out, all elements inside the block, including those that do not have their own transitions, are kept in the DOM until every transition in the block has completed.
+When a block is transitioning out, all elements inside the block, including those that do not have their own transitions, are kept in the DOM until every transition in the block has been completed.
 
 The `transition:` directive indicates a *bidirectional* transition, which means it can be smoothly reversed while the transition is in progress.
 
@@ -1005,7 +1033,7 @@ Like actions, transitions can have parameters.
 ```sv
 {#if visible}
 	<div transition:fade="{{ duration: 2000 }}">
-		flies in, fades out over two seconds
+		fades in and out over two seconds
 	</div>
 {/if}
 ```
@@ -1016,7 +1044,7 @@ Like actions, transitions can have parameters.
 
 Transitions can use custom functions. If the returned object has a `css` function, Svelte will create a CSS animation that plays on the element.
 
-The `t` argument passed to `css` is a value between `0` and `1` after the `easing` function has been applied. *In* transitions run from `0` to `1`, *out* transitions run from `1` to `0` — in other words `1` is the element's natural state, as though no transition had been applied. The `u` argument is equal to `1 - t`.
+The `t` argument passed to `css` is a value between `0` and `1` after the `easing` function has been applied. *In* transitions run from `0` to `1`, *out* transitions run from `1` to `0` — in other words, `1` is the element's natural state, as though no transition had been applied. The `u` argument is equal to `1 - t`.
 
 The function is called repeatedly *before* the transition begins, with different `t` and `u` arguments.
 
@@ -1087,6 +1115,11 @@ A custom transition function can also return a `tick` function, which is called
 
 If a transition returns a function instead of a transition object, the function will be called in the next microtask. This allows multiple transitions to coordinate, making [crossfade effects](/tutorial/deferred-transitions) possible.
 
+Transition functions also receive a third argument, `options`, which contains information about the transition.
+
+Available values in the `options` object are:
+
+* `direction` - one of `in`, `out`, or `both` depending on the type of transition
 
 ##### Transition events
 
@@ -1240,7 +1273,7 @@ As with actions and transitions, animations can have parameters.
 
 ---
 
-Animations can use custom functions that provide the `node`, an `animation` object and any `parameters` as arguments. The `animation` parameter is an object containing `from` and `to` properties each containing a [DOMRect](https://developer.mozilla.org/en-US/docs/Web/API/DOMRect#Properties) describing the geometry of the element in its `start` and `end` positions. The `from` property is the DOMRect of the element in its starting position, the `to` property is the DOMRect of the element in its final position after the list has been reordered and the DOM updated.
+Animations can use custom functions that provide the `node`, an `animation` object and any `parameters` as arguments. The `animation` parameter is an object containing `from` and `to` properties each containing a [DOMRect](https://developer.mozilla.org/en-US/docs/Web/API/DOMRect#Properties) describing the geometry of the element in its `start` and `end` positions. The `from` property is the DOMRect of the element in its starting position, and the `to` property is the DOMRect of the element in its final position after the list has been reordered and the DOM updated.
 
 If the returned object has a `css` method, Svelte will create a CSS animation that plays on the element.
 
@@ -1294,14 +1327,12 @@ A custom animation function can also return a `tick` function, which is called *
 		const d = Math.sqrt(dx * dx + dy * dy);
 
 		return {
-		delay: 0,
-		duration: Math.sqrt(d) * 120,
-		easing: cubicOut,
-		tick: (t, u) =>
-			Object.assign(node.style, {
-				color: t > 0.5 ? 'Pink' : 'Blue'
-			});
-	};
+			delay: 0,
+			duration: Math.sqrt(d) * 120,
+			easing: cubicOut,
+			tick: (t, u) =>
+				Object.assign(node.style, { color: t > 0.5 ? 'Pink' : 'Blue' })
+		};
 	}
 </script>
 
@@ -1373,7 +1404,23 @@ Desugars to this:
 
 ---
 
-Svelte's CSS Variables support allows for easily themable components:
+For SVG namespace, the example above desugars into using `<g>` instead:
+
+```sv
+<g style="--rail-color: black; --track-color: rgb(0, 0, 255)">
+  <Slider
+    bind:value
+    min={0}
+    max={100}
+  />
+</g>
+```
+
+**Note**: Since this is an extra `<g>`, beware that your CSS structure might accidentally target this. Be mindful of this added wrapper element when using this feature.
+
+---
+
+Svelte's CSS Variables support allows for easily themeable components:
 
 ```sv
 <!-- Slider.svelte -->
@@ -1386,7 +1433,7 @@ Svelte's CSS Variables support allows for easily themable components:
 
 ---
 
-So you can set a high level theme color:
+So you can set a high-level theme color:
 
 ```css
 /* global.css */
@@ -1473,6 +1520,8 @@ The content is exposed in the child component using the `<slot>` element, which
 </Widget>
 ```
 
+Note: If you want to render regular `<slot>` element, You can use `<svelte:element this="slot" />`.
+
 #### `<slot name="`*name*`">`
 
 ---
@@ -1546,7 +1595,7 @@ Note that explicitly passing in an empty named slot will add that slot's name to
 
 ---
 
-Slots can be rendered zero or more times, and can pass values *back* to the parent using props. The parent exposes the values to the slot template using the `let:` directive.
+Slots can be rendered zero or more times and can pass values *back* to the parent using props. The parent exposes the values to the slot template using the `let:` directive.
 
 The usual shorthand rules apply — `let:item` is equivalent to `let:item={item}`, and `<slot {item}>` is equivalent to `<slot item={item}>`.
 
@@ -1637,11 +1686,11 @@ If `this` is falsy, no component is rendered.
 
 The `<svelte:element>` element lets you render an element of a dynamically specified type. This is useful for example when displaying rich text content from a CMS. Any properties and event listeners present will be applied to the element.
 
-The only supported binding is `bind:this`, since the element type specific bindings that Svelte does at build time (e.g. `bind:value` for input elements) does not work with a dynamic tag type.
+The only supported binding is `bind:this`, since the element type-specific bindings that Svelte does at build time (e.g. `bind:value` for input elements) do not work with a dynamic tag type.
 
 If `this` has a nullish value, the element and its children will not be rendered.
 
-If `this` is the name of a void tag (e.g., `br`) and `<svelte:element>` has child elements, a runtime error will be thrown in development mode.
+If `this` is the name of a [void element](https://developer.mozilla.org/en-US/docs/Glossary/Void_element) (e.g., `br`) and `<svelte:element>` has child elements, a runtime error will be thrown in development mode.
 
 ```sv
 <script>
@@ -1665,7 +1714,7 @@ If `this` is the name of a void tag (e.g., `br`) and `<svelte:element>` has chil
 
 The `<svelte:window>` element allows you to add event listeners to the `window` object without worrying about removing them when the component is destroyed, or checking for the existence of `window` when server-side rendering.
 
-Unlike `<svelte:self>`, this element may only appear the top level of your component and must never be inside a block or element.
+Unlike `<svelte:self>`, this element may only appear at the top level of your component and must never be inside a block or element.
 
 ```sv
 <script>
@@ -1687,7 +1736,7 @@ You can also bind to the following properties:
 * `outerHeight`
 * `scrollX`
 * `scrollY`
-* `online` — an alias for window.navigator.onLine
+* `online` — an alias for `window.navigator.onLine`
 
 All except `scrollX` and `scrollY` are readonly.
 
diff --git a/site/content/docs/03-run-time.md b/site/content/docs/04-run-time.md
similarity index 97%
rename from site/content/docs/03-run-time.md
rename to site/content/docs/04-run-time.md
index bf5574ad442..46d025fe3e2 100644
--- a/site/content/docs/03-run-time.md
+++ b/site/content/docs/04-run-time.md
@@ -452,6 +452,29 @@ import { get } from 'svelte/store';
 const value = get(store);
 ```
 
+#### `readonly`
+
+```js
+readableStore = readonly(writableStore);
+```
+
+---
+
+This simple helper function makes a store readonly. You can still subscribe to the changes from the original one using this new readable store.
+
+
+```js
+import { readonly } from 'svelte/store';
+
+const writableStore = writable(1);
+const readableStore = readonly(writableStore);
+
+readableStore.subscribe(console.log);
+
+writableStore.set(2); // console: 2
+readableStore.set(2); // ERROR
+```
+
 
 ### `svelte/motion`
 
@@ -698,7 +721,7 @@ out:fly={params}
 
 ---
 
-Animates the x and y positions and the opacity of an element. `in` transitions animate from an element's current (default) values to the provided values, passed as parameters. `out` transitions animate from the provided values to an element's default values.
+Animates the x and y positions and the opacity of an element. `in` transitions animate from the provided values, passed as parameters to the element's default values. `out` transitions animate from the element's default values to the provided values.
 
 `fly` accepts the following parameters:
 
@@ -745,6 +768,7 @@ Slides an element in and out.
 * `delay` (`number`, default 0) — milliseconds before starting
 * `duration` (`number`, default 400) — milliseconds the transition lasts
 * `easing` (`function`, default `cubicOut`) — an [easing function](/docs#run-time-svelte-easing)
+- `axis` (`x` | `y`, default `y`) — the axis of motion along which the transition occurs
 
 ```sv
 <script>
@@ -753,8 +777,8 @@ Slides an element in and out.
 </script>
 
 {#if condition}
-	<div transition:slide="{{delay: 250, duration: 300, easing: quintOut }}">
-		slides in and out
+	<div transition:slide="{{delay: 250, duration: 300, easing: quintOut, axis: 'x'}}">
+		slides in and out horizontally
 	</div>
 {/if}
 ```
@@ -853,7 +877,7 @@ The `crossfade` function creates a pair of [transitions](/docs#template-syntax-e
 * `delay` (`number`, default 0) — milliseconds before starting
 * `duration` (`number` | `function`, default 800) — milliseconds the transition lasts
 * `easing` (`function`, default `cubicOut`) — an [easing function](/docs#run-time-svelte-easing)
-* `fallback` (`function`) — A fallback [transition](/docs#template-syntax-element-directives-transition-fn) to use for send when there is no matching element being received, and for receive when there is no element being sent. 
+* `fallback` (`function`) — A fallback [transition](/docs#template-syntax-element-directives-transition-fn) to use for send when there is no matching element being received, and for receive when there is no element being sent.
 
 ```sv
 <script>
diff --git a/site/content/docs/04-compile-time.md b/site/content/docs/05-compile-time.md
similarity index 96%
rename from site/content/docs/04-compile-time.md
rename to site/content/docs/05-compile-time.md
index 35a57ced85b..45dd454ea01 100644
--- a/site/content/docs/04-compile-time.md
+++ b/site/content/docs/05-compile-time.md
@@ -73,7 +73,7 @@ The following options can be passed to the compiler. None are required:
 | `accessors` | `false` | If `true`, getters and setters will be created for the component's props. If `false`, they will only be created for readonly exported values (i.e. those declared with `const`, `class` and `function`). If compiling with `customElement: true` this option defaults to `true`.
 | `customElement` | `false` | If `true`, tells the compiler to generate a custom element constructor instead of a regular Svelte component.
 | `tag` | `null` | A `string` that tells Svelte what tag name to register the custom element with. It must be a lowercase alphanumeric string with at least one hyphen, e.g. `"my-element"`.
-| `css` | `true` | If `true`, styles will be included in the JavaScript class and injected at runtime for the components actually rendered. If `false`, the CSS will be returned in the `css` field of the compilation result. Most Svelte bundler plugins will set this to `false` and use the CSS that is statically generated for better performance, as it will result in smaller JavaScript bundles and the output can be served as cacheable `.css` files.
+| `css` | `'injected'` | If `'injected'` (formerly `true`), styles will be included in the JavaScript class and injected at runtime for the components actually rendered. If `'external'` (formerly `false`), the CSS will be returned in the `css` field of the compilation result. Most Svelte bundler plugins will set this to `'external'` and use the CSS that is statically generated for better performance, as it will result in smaller JavaScript bundles and the output can be served as cacheable `.css` files. If `'none'`, styles are completely avoided and no CSS output is generated.
 | `cssHash` | See right | A function that takes a `{ hash, css, name, filename }` argument and returns the string that is used as a classname for scoped CSS. It defaults to returning `svelte-${hash(css)}`
 | `loopGuardTimeout` | 0 | A `number` that tells Svelte to break the loop if it blocks the thread for more than `loopGuardTimeout` ms. This is useful to prevent infinite loops. **Only available when `dev: true`**
 | `preserveComments` | `false` | If `true`, your HTML comments will be preserved during server-side rendering. By default, they are stripped out.
diff --git a/site/content/docs/05-accessibility-warnings.md b/site/content/docs/06-accessibility-warnings.md
similarity index 75%
rename from site/content/docs/05-accessibility-warnings.md
rename to site/content/docs/06-accessibility-warnings.md
index b39b06f9ffb..4324ed7b75e 100644
--- a/site/content/docs/05-accessibility-warnings.md
+++ b/site/content/docs/06-accessibility-warnings.md
@@ -19,6 +19,18 @@ Enforce no `accesskey` on element. Access keys are HTML attributes that allow we
 
 ---
 
+### `a11y-aria-activedescendant-has-tabindex`
+
+An element with `aria-activedescendant` must be tabbable, so it must either have an inherent `tabindex` or declare `tabindex` as an attribute.
+
+```sv
+<!-- A11y: Elements with attribute aria-activedescendant should have tabindex value -->
+<div aria-activedescendant="some-id" />
+
+```
+
+---
+
 ### `a11y-aria-attributes`
 
 Certain reserved DOM elements do not support ARIA roles, states and properties. This is often because they are not visible, for example `meta`, `html`, `script`, `style`. This rule enforces that these DOM elements do not contain the `aria-*` props.
@@ -41,6 +53,21 @@ Enforce that `autofocus` is not used on elements. Autofocusing elements can caus
 
 ---
 
+### `a11y-click-events-have-key-events`
+
+Enforce `on:click` is accompanied by at least one of the following: `on:keyup`, `on:keydown`, `on:keypress`. Coding for the keyboard is important for users with physical disabilities who cannot use a mouse, AT compatibility, and screenreader users.
+
+This does not apply for interactive or hidden elements.
+
+```sv
+<!-- A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event. -->
+<div on:click={() => {}} />
+```
+
+Note that the `keypress` event is now deprecated, so it is officially recommended to use either the `keyup` or `keydown` event instead, accordingly.
+
+---
+
 ### `a11y-distracting-elements`
 
 Enforces that no distracting elements are used. Elements that can be visually distracting can cause accessibility issues with visually impaired users. Such elements are most likely deprecated, and should be avoided.
@@ -87,6 +114,18 @@ Enforce img alt attribute does not contain the word image, picture, or photo. Sc
 
 ---
 
+### `a11y-incorrect-aria-attribute-type`
+
+Enforce that only the correct type of value is used for aria attributes. For example, `aria-hidden`
+should only receive a boolean.
+
+```sv
+<!-- A11y: The value of 'aria-hidden' must be exactly one of true or false -->
+<div aria-hidden="yes"/>
+```
+
+---
+
 ### `a11y-invalid-attribute`
 
 Enforce that attributes important for accessibility have a valid value. For example, `href` should not be empty, `'#'`, or `javascript:`.
@@ -227,6 +266,28 @@ Some HTML elements have default ARIA roles. Giving these elements an ARIA role t
 
 ---
 
+### `a11y-no-interactive-element-to-noninteractive-role`
+
+[WAI-ARIA](https://www.w3.org/TR/wai-aria-1.1/#usage_intro) roles should not be used to convert an interactive element to a non-interactive element. Non-interactive ARIA roles include `article`, `banner`, `complementary`, `img`, `listitem`, `main`, `region` and `tooltip`.
+
+```sv
+<!-- A11y: <textarea> cannot have role 'listitem' -->
+<textarea role="listitem" />
+```
+
+---
+
+### `a11y-no-noninteractive-tabindex`
+
+Tab key navigation should be limited to elements on the page that can be interacted with.
+
+```sv
+<!-- A11y: noninteractive element cannot have nonnegative tabIndex value -->
+<div tabindex='0' />
+```
+
+---
+
 ### `a11y-positive-tabindex`
 
 Avoid positive `tabindex` property values. This will move elements out of the expected tab order, creating a confusing experience for keyboard users.
@@ -238,6 +299,31 @@ Avoid positive `tabindex` property values. This will move elements out of the ex
 
 ---
 
+### `a11y-role-has-required-aria-props`
+
+Elements with ARIA roles must have all required attributes for that role.
+
+```sv
+<!-- A11y: A11y: Elements with the ARIA role "checkbox" must have the following attributes defined: "aria-checked" -->
+<span role="checkbox" aria-labelledby="foo" tabindex="0"></span>
+```
+
+---
+
+### `a11y-role-supports-aria-props`
+
+Elements with explicit or implicit roles defined contain only `aria-*` properties supported by that role.
+
+```sv
+<!-- A11y: The attribute 'aria-multiline' is not supported by the role 'link'. -->
+<div role="link" aria-multiline />
+
+<!-- A11y: The attribute 'aria-required' is not supported by the role 'listitem'. This role is implicit on the element <li>. -->
+<li aria-required />
+```
+
+---
+
 ### `a11y-structure`
 
 Enforce that certain DOM elements have the correct structure.
diff --git a/site/content/examples/03-logic/03-each-blocks/App.svelte b/site/content/examples/03-logic/03-each-blocks/App.svelte
index 3ecbe5ca2fd..7d08b79ab84 100644
--- a/site/content/examples/03-logic/03-each-blocks/App.svelte
+++ b/site/content/examples/03-logic/03-each-blocks/App.svelte
@@ -11,7 +11,7 @@
 <ul>
 	{#each cats as { id, name }, i}
 		<li>
-			<a target="_blank" href="https://www.youtube.com/watch?v={id}">
+			<a target="_blank" rel="noreferrer" href="https://www.youtube.com/watch?v={id}">
 				{i + 1}: {name}
 			</a>
 		</li>
diff --git a/site/content/examples/05-bindings/02-checkbox-inputs/App.svelte b/site/content/examples/05-bindings/02-checkbox-inputs/App.svelte
index b82d31e7831..1831da17933 100644
--- a/site/content/examples/05-bindings/02-checkbox-inputs/App.svelte
+++ b/site/content/examples/05-bindings/02-checkbox-inputs/App.svelte
@@ -10,7 +10,7 @@
 {#if yes}
 	<p>Thank you. We will bombard your inbox and sell your personal details.</p>
 {:else}
-	<p>You must opt in to continue. If you're not paying, you're the product.</p>
+	<p>You must opt-in to continue. If you're not paying, you're the product.</p>
 {/if}
 
 <button disabled={!yes}>
diff --git a/site/content/examples/09-transitions/06-deferred-transitions/App.svelte b/site/content/examples/09-transitions/06-deferred-transitions/App.svelte
index f8c74081fe8..5ee7da1263f 100644
--- a/site/content/examples/09-transitions/06-deferred-transitions/App.svelte
+++ b/site/content/examples/09-transitions/06-deferred-transitions/App.svelte
@@ -56,8 +56,8 @@
 					>
 
 					<p class='credit'>
-						<a target="_blank" href="https://www.flickr.com/photos/{d.path}">via Flickr</a> &ndash;
-						<a target="_blank" href={d.license.url}>{d.license.name}</a>
+						<a target="_blank" rel="noreferrer" href="https://www.flickr.com/photos/{d.path}">via Flickr</a> &ndash;
+						<a target="_blank" rel="noreferrer" href={d.license.url}>{d.license.name}</a>
 					</p>
 				</div>
 			{/await}
diff --git a/site/content/examples/15-composition/03-slot-props/App.svelte b/site/content/examples/15-composition/03-slot-props/App.svelte
index 299cd336a63..5525867932e 100644
--- a/site/content/examples/15-composition/03-slot-props/App.svelte
+++ b/site/content/examples/15-composition/03-slot-props/App.svelte
@@ -43,4 +43,8 @@
 		background-color: #ff3e00;
 		color: white;
 	}
-</style>
\ No newline at end of file
+	
+	p {
+		pointer-events: none;
+	}
+</style>
diff --git a/site/content/examples/15-composition/05-modal/App.svelte b/site/content/examples/15-composition/05-modal/App.svelte
index cfd38564471..af93ba39afd 100644
--- a/site/content/examples/15-composition/05-modal/App.svelte
+++ b/site/content/examples/15-composition/05-modal/App.svelte
@@ -4,26 +4,26 @@
 	let showModal = false;
 </script>
 
-<button on:click="{() => showModal = true}">
+<button on:click={() => (showModal = true)}>
 	show modal
 </button>
 
-{#if showModal}
-	<Modal on:close="{() => showModal = false}">
-		<h2 slot="header">
-			modal
-			<small><em>adjective</em>  mod·al \ˈmō-dəl\</small>
-		</h2>
+<Modal bind:showModal>
+	<h2 slot="header">
+		modal
+		<small><em>adjective</em> mod·al \ˈmō-dəl\</small>
+	</h2>
 
-		<ol class="definition-list">
-			<li>of or relating to modality in logic</li>
-			<li>containing provisions as to the mode of procedure or the manner of taking effect —used of a contract or legacy</li>
-			<li>of or relating to a musical mode</li>
-			<li>of or relating to structure as opposed to substance</li>
-			<li>of, relating to, or constituting a grammatical form or category characteristically indicating predication</li>
-			<li>of or relating to a statistical mode</li>
-		</ol>
+	<ol class="definition-list">
+		<li>of or relating to modality in logic</li>
+		<li>
+			containing provisions as to the mode of procedure or the manner of taking effect —used of a contract or legacy
+		</li>
+		<li>of or relating to a musical mode</li>
+		<li>of or relating to structure as opposed to substance</li>
+		<li>of, relating to, or constituting a grammatical form or category characteristically indicating predication</li>
+		<li>of or relating to a statistical mode</li>
+	</ol>
 
-		<a href="https://www.merriam-webster.com/dictionary/modal">merriam-webster.com</a>
-	</Modal>
-{/if}
+	<a href="https://www.merriam-webster.com/dictionary/modal">merriam-webster.com</a>
+</Modal>
diff --git a/site/content/examples/15-composition/05-modal/Modal.svelte b/site/content/examples/15-composition/05-modal/Modal.svelte
index baa57824bc2..acdbd50ab11 100644
--- a/site/content/examples/15-composition/05-modal/Modal.svelte
+++ b/site/content/examples/15-composition/05-modal/Modal.svelte
@@ -1,81 +1,63 @@
 <script>
-	import { createEventDispatcher, onDestroy } from 'svelte';
+	export let showModal; // boolean
 
-	const dispatch = createEventDispatcher();
-	const close = () => dispatch('close');
+	let dialog; // HTMLDialogElement
 
-	let modal;
-
-	const handle_keydown = e => {
-		if (e.key === 'Escape') {
-			close();
-			return;
-		}
-
-		if (e.key === 'Tab') {
-			// trap focus
-			const nodes = modal.querySelectorAll('*');
-			const tabbable = Array.from(nodes).filter(n => n.tabIndex >= 0);
-
-			let index = tabbable.indexOf(document.activeElement);
-			if (index === -1 && e.shiftKey) index = 0;
-
-			index += tabbable.length + (e.shiftKey ? -1 : 1);
-			index %= tabbable.length;
-
-			tabbable[index].focus();
-			e.preventDefault();
-		}
-	};
-
-	const previously_focused = typeof document !== 'undefined' && document.activeElement;
-
-	if (previously_focused) {
-		onDestroy(() => {
-			previously_focused.focus();
-		});
-	}
+	$: if (dialog && showModal) dialog.showModal();
 </script>
 
-<svelte:window on:keydown={handle_keydown}/>
-
-<div class="modal-background" on:click={close}></div>
-
-<div class="modal" role="dialog" aria-modal="true" bind:this={modal}>
-	<slot name="header"></slot>
-	<hr>
-	<slot></slot>
-	<hr>
-
-	<!-- svelte-ignore a11y-autofocus -->
-	<button autofocus on:click={close}>close modal</button>
-</div>
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<dialog
+	bind:this={dialog}
+	on:close={() => (showModal = false)}
+	on:click|self={() => dialog.close()}
+>
+	<div on:click|stopPropagation>
+		<slot name="header" />
+		<hr />
+		<slot />
+		<hr />
+		<!-- svelte-ignore a11y-autofocus -->
+		<button autofocus on:click={() => dialog.close()}>close modal</button>
+	</div>
+</dialog>
 
 <style>
-	.modal-background {
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		background: rgba(0,0,0,0.3);
-	}
-
-	.modal {
-		position: absolute;
-		left: 50%;
-		top: 50%;
-		width: calc(100vw - 4em);
+	dialog {
 		max-width: 32em;
-		max-height: calc(100vh - 4em);
-		overflow: auto;
-		transform: translate(-50%,-50%);
-		padding: 1em;
 		border-radius: 0.2em;
-		background: white;
+		border: none;
+		padding: 0;
+	}
+	dialog::backdrop {
+		background: rgba(0, 0, 0, 0.3);
+	}
+	dialog > div {
+		padding: 1em;
+	}
+	dialog[open] {
+		animation: zoom 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+	}
+	@keyframes zoom {
+		from {
+			transform: scale(0.95);
+		}
+		to {
+			transform: scale(1);
+		}
+	}
+	dialog[open]::backdrop {
+		animation: fade 0.2s ease-out;
+	}
+	@keyframes fade {
+		from {
+			opacity: 0;
+		}
+		to {
+			opacity: 1;
+		}
 	}
-
 	button {
 		display: block;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/site/content/examples/21-miscellaneous/01-hacker-news/Summary.svelte b/site/content/examples/21-miscellaneous/01-hacker-news/Summary.svelte
index 08d515f3c20..2a542891195 100644
--- a/site/content/examples/21-miscellaneous/01-hacker-news/Summary.svelte
+++ b/site/content/examples/21-miscellaneous/01-hacker-news/Summary.svelte
@@ -13,7 +13,7 @@
 
 <article>
 	<span>{i + offset + 1}</span>
-	<h2><a target="_blank" href={url}>{item.title}</a></h2>
+	<h2><a target="_blank" rel="noreferrer" href={url}>{item.title}</a></h2>
 	<p class="meta"><a href="#/item/{item.id}">{comment_text()}</a> by {item.user} {item.time_ago}</p>
 </article>
 
@@ -37,4 +37,4 @@
 	a {
 		color: #333;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/site/content/faq/1000-how-can-i-update-my-v2-components.md b/site/content/faq/1000-how-can-i-update-my-v2-components.md
deleted file mode 100644
index 0800dff89b1..00000000000
--- a/site/content/faq/1000-how-can-i-update-my-v2-components.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-question: How can I update my components written in Svelte v2?
----
-
-svelte-upgrade isn't fully working for v2->v3 yet, [but it's close](https://github.com/sveltejs/svelte-upgrade/pull/12).
\ No newline at end of file
diff --git a/site/content/faq/425-is-there-a-tool-to-automaticly-format.md b/site/content/faq/425-is-there-a-tool-to-automatically-format.md
similarity index 100%
rename from site/content/faq/425-is-there-a-tool-to-automaticly-format.md
rename to site/content/faq/425-is-there-a-tool-to-automatically-format.md
diff --git a/site/content/faq/800-how-do-i-test-svelte-apps.md b/site/content/faq/800-how-do-i-test-svelte-apps.md
index 1481b6ba599..5ebabdb2141 100644
--- a/site/content/faq/800-how-do-i-test-svelte-apps.md
+++ b/site/content/faq/800-how-do-i-test-svelte-apps.md
@@ -2,11 +2,20 @@
 question: How do I test Svelte apps?
 ---
 
-We recommend trying to separate your view logic from your business logic. Data transformation or cross component state management is best kept outside of Svelte components. You can test those parts like you would test any JavaScript functionality that way. When it comes to testing the components, it is best to test the logic of the component and remember that the Svelte library has its own tests and you do not need to test implementation details provided by Svelte.
+How your application is structured and where logic is defined will determine the best way to ensure it is properly tested. It is important to note that not all logic belongs within a component - this includes concerns such as data transformation, cross-component state management, and logging, among others. Remember that the Svelte library has its own test suite, so you do not need to write tests to validate implementation details provided by Svelte.
 
-There are a few approaches that people take when testing, but it generally involves compiling the component and mounting it to something and then performing the tests. You essentially need to create a bundle for each component you're testing (since svelte is a compiler and not a normal library) and then mount them. You can mount to a JSDOM instance. Or you can use a real browser powered by a library like Playwright, Puppeteer, or Cypress.
+A Svelte application will typically have three different types of tests: Unit, Component, and End-to-End (E2E).
 
-Some resources for getting started with unit testing:
+*Unit Tests*: Focus on testing business logic in isolation. Often this is validating individual functions and edge cases. By minimizing the surface area of these tests they can be kept lean and fast, and by extracting as much logic as possible from your Svelte components more of your application can be covered using them. When creating a new SvelteKit project, you will be asked whether you would like to setup [Vitest](https://vitest.dev/) for unit testing. There are a number of other test runners that could be used as well.
+
+*Component Tests*: Validating that a Svelte component mounts and interacts as expected throughout its lifecycle requires a tool that provides a Document Object Model (DOM). Components can be compiled (since Svelte is a compiler and not a normal library) and mounted to allow asserting against element structure, listeners, state, and all the other capabilities provided by a Svelte component. Tools for component testing range from an in-memory implementation like jsdom paired with a test runner like [Vitest](https://vitest.dev/) to solutions that leverage an actual browser to provide a visual testing capability such as [Playwright](https://playwright.dev/docs/test-components) or [Cypress](https://www.cypress.io/).
+
+*End-to-End Tests*: To ensure your users are able to interact with your application it is necessary to test it as a whole in a manner as close to production as possible. This is done by writing end-to-end (E2E) tests which load and interact with a deployed version of your application in order to simulate how the user will interact with your application. When creating a new SvelteKit project, you will be asked whether you would like to setup [Playwright](https://playwright.dev/) for end-to-end testing. There are many other E2E test libraries available for use as well.
+
+Some resources for getting started with testing:
 - [Svelte Testing Library](https://testing-library.com/docs/svelte-testing-library/example/)
+- [Svelte Component Testing in Cypress](https://docs.cypress.io/guides/component-testing/svelte/overview)
 - [Example using vitest](https://github.com/vitest-dev/vitest/tree/main/examples/svelte)
 - [Example using uvu test runner with JSDOM](https://github.com/lukeed/uvu/tree/master/examples/svelte)
+- [Test Svelte components using Vitest & Playwright](https://davipon.hashnode.dev/test-svelte-component-using-vitest-playwright)
+- [Component testing with WebdriverIO](https://webdriver.io/docs/component-testing/svelte)
diff --git a/site/content/faq/900-is-there-a-router.md b/site/content/faq/900-is-there-a-router.md
index 9d50bbe490c..2f11e0e6263 100644
--- a/site/content/faq/900-is-there-a-router.md
+++ b/site/content/faq/900-is-there-a-router.md
@@ -2,7 +2,7 @@
 question: Is there a router?
 ---
 
-The official routing library is [SvelteKit](https://kit.svelte.dev/), which is currently in beta. SvelteKit provides a filesystem router, server-side rendering (SSR), and hot module reloading (HMR) in one easy-to-use package. It shares similarities with Next.js for React.
+The official routing library is [SvelteKit](https://kit.svelte.dev/). SvelteKit provides a filesystem router, server-side rendering (SSR), and hot module reloading (HMR) in one easy-to-use package. It shares similarities with Next.js for React.
 
 However, you can use any router lib you want. A lot of people use [page.js](https://github.com/visionmedia/page.js). There's also [navaid](https://github.com/lukeed/navaid), which is very similar. And [universal-router](https://github.com/kriasoft/universal-router), which is isomorphic with child routes, but without built-in history support.
 
diff --git a/site/content/tutorial/01-introduction/01-basics/text.md b/site/content/tutorial/01-introduction/01-basics/text.md
index 08ba922b423..eb48a36ba3b 100644
--- a/site/content/tutorial/01-introduction/01-basics/text.md
+++ b/site/content/tutorial/01-introduction/01-basics/text.md
@@ -4,7 +4,7 @@ title: Basics
 
 Welcome to the Svelte tutorial. This will teach you everything you need to know to build fast, small web applications easily.
 
-You can also consult the [API docs](/docs) and the [examples](/examples), or — if you're impatient to start hacking on your machine locally — the [60-second quickstart](/blog/the-easiest-way-to-get-started).
+You can also consult the [API docs](/docs) and the [examples](/examples), or — if you're impatient to start hacking on your machine locally — the [60-second quickstart](/docs#getting-started).
 
 
 ## What is Svelte?
@@ -24,7 +24,7 @@ You'll need to have basic familiarity with HTML, CSS and JavaScript to understan
 
 As you progress through the tutorial, you'll be presented with mini exercises designed to illustrate new features. Later chapters build on the knowledge gained in earlier ones, so it's recommended that you go from start to finish. If necessary, you can navigate via the dropdown above (click 'Introduction / Basics').
 
-Each tutorial chapter will have a 'Show me' button that you can click if you get stuck following the instructions. Try not to rely on it too much; you will learn faster by figuring out where to put each suggested code block and manually typing it in to the editor.
+Each tutorial chapter will have a 'Show me' button that you can click if you get stuck following the instructions. Try not to rely on it too much; you will learn faster by figuring out where to put each suggested code block and manually typing it into the editor.
 
 
 ## Understanding components
diff --git a/site/content/tutorial/01-introduction/07-making-an-app/app-a/App.svelte b/site/content/tutorial/01-introduction/06-making-an-app/app-a/App.svelte
similarity index 100%
rename from site/content/tutorial/01-introduction/07-making-an-app/app-a/App.svelte
rename to site/content/tutorial/01-introduction/06-making-an-app/app-a/App.svelte
diff --git a/site/content/tutorial/01-introduction/07-making-an-app/text.md b/site/content/tutorial/01-introduction/06-making-an-app/text.md
similarity index 75%
rename from site/content/tutorial/01-introduction/07-making-an-app/text.md
rename to site/content/tutorial/01-introduction/06-making-an-app/text.md
index 132865a3643..dc3fe7adadd 100644
--- a/site/content/tutorial/01-introduction/07-making-an-app/text.md
+++ b/site/content/tutorial/01-introduction/06-making-an-app/text.md
@@ -4,13 +4,13 @@ title: Making an app
 
 This tutorial is designed to get you familiar with the process of writing components. But at some point, you'll want to start writing components in the comfort of your own text editor.
 
-First, you'll need to integrate Svelte with a build tool. There are officially maintained plugins for [Vite](https://vitejs.dev/), [Rollup](https://rollupjs.org) and [webpack](https://webpack.js.org/)...
+First, you'll need to integrate Svelte with a build tool. We recommend using [SvelteKit](https://kit.svelte.dev), which sets up [Vite](https://vitejs.dev/) with [vite-plugin-svelte](https://github.com/sveltejs/vite-plugin-svelte/) for you...
 
-* [vite-plugin-svelte](https://github.com/sveltejs/vite-plugin-svelte)
-* [rollup-plugin-svelte](https://github.com/sveltejs/rollup-plugin-svelte)
-* [svelte-loader](https://github.com/sveltejs/svelte-loader)
+```bash
+npm create svelte@latest myapp
+```
 
-...and a variety of [community-maintained ones](https://sveltesociety.dev/tools).
+There are also a number of [community-maintained integrations](https://sveltesociety.dev/tools).
 
 Don't worry if you're relatively new to web development and haven't used these tools before. We've prepared a simple step-by-step guide, [Svelte for new developers](/blog/svelte-for-new-developers), which walks you through the process.
 
diff --git a/site/content/tutorial/02-reactivity/02-reactive-declarations/text.md b/site/content/tutorial/02-reactivity/02-reactive-declarations/text.md
index 027a91a44a8..bfc58f1ebe8 100644
--- a/site/content/tutorial/02-reactivity/02-reactive-declarations/text.md
+++ b/site/content/tutorial/02-reactivity/02-reactive-declarations/text.md
@@ -2,9 +2,7 @@
 title: Declarations
 ---
 
-Svelte automatically updates the DOM when your component's state changes. Often, some parts of a component's state need to be computed from *other* parts (such as a `fullname` derived from a `firstname` and a `lastname`), and recomputed whenever they change.
-
-For these, we have *reactive declarations*. They look like this:
+Svelte's reactivity not only keeps the DOM in sync with your application's variables as shown in the previous section, it can also keep variables in sync with each other using reactive declarations. They look like this:
 
 ```js
 let count = 0;
diff --git a/site/content/tutorial/02-reactivity/04-updating-arrays-and-objects/text.md b/site/content/tutorial/02-reactivity/04-updating-arrays-and-objects/text.md
index 20d0f05eeb0..bc8330206e3 100644
--- a/site/content/tutorial/02-reactivity/04-updating-arrays-and-objects/text.md
+++ b/site/content/tutorial/02-reactivity/04-updating-arrays-and-objects/text.md
@@ -2,9 +2,11 @@
 title: Updating arrays and objects
 ---
 
-Because Svelte's reactivity is triggered by assignments, using array methods like `push` and `splice` won't automatically cause updates. For example, clicking the button doesn't do anything.
+Svelte's reactivity is triggered by assignments. Methods that mutate arrays or objects will not trigger updates by themselves.
 
-One way to fix that is to add an assignment that would otherwise be redundant:
+In this example, clicking the "Add a number" button calls the `addNumber` function, which appends a number to the array but doesn't trigger the recalculation of `sum`.
+
+One way to fix that is to assign `numbers` to itself to tell the compiler it has changed:
 
 ```js
 function addNumber() {
@@ -13,7 +15,7 @@ function addNumber() {
 }
 ```
 
-But there's a more idiomatic solution:
+You could also write this more concisely using the ES6 spread syntax:
 
 ```js
 function addNumber() {
@@ -21,7 +23,7 @@ function addNumber() {
 }
 ```
 
-You can use similar patterns to replace `pop`, `shift`, `unshift` and `splice`.
+The same rule applies to array methods such as `pop`, `shift`, and `splice` and to object methods such as `Map.set`, `Set.add`, etc.
 
 Assignments to *properties* of arrays and objects — e.g. `obj.foo += 1` or `array[i] = x` — work the same way as assignments to the values themselves.
 
@@ -31,11 +33,22 @@ function addNumber() {
 }
 ```
 
-A simple rule of thumb: the name of the updated variable must appear on the left hand side of the assignment. For example this...
+However, indirect assignments to references such as this...
 
 ```js
 const foo = obj.foo;
 foo.bar = 'baz';
 ```
 
+or 
+
+```js
+function quox(thing) {
+	thing.foo.bar = 'baz';
+}
+quox(obj);
+```
+
 ...won't trigger reactivity on `obj.foo.bar`, unless you follow it up with `obj = obj`.
+
+A simple rule of thumb: the updated variable must directly appear on the left hand side of the assignment.
diff --git a/site/content/tutorial/04-logic/04-each-blocks/app-a/App.svelte b/site/content/tutorial/04-logic/04-each-blocks/app-a/App.svelte
index 34fb2cebfc3..6c0cca35874 100644
--- a/site/content/tutorial/04-logic/04-each-blocks/app-a/App.svelte
+++ b/site/content/tutorial/04-logic/04-each-blocks/app-a/App.svelte
@@ -10,7 +10,7 @@
 
 <ul>
 	<!-- open each block -->
-		<li><a target="_blank" href="https://www.youtube.com/watch?v={cat.id}">
+		<li><a target="_blank" href="https://www.youtube.com/watch?v={cat.id}" rel="noreferrer">
 			{cat.name}
 		</a></li>
 	<!-- close each block -->
diff --git a/site/content/tutorial/04-logic/04-each-blocks/app-b/App.svelte b/site/content/tutorial/04-logic/04-each-blocks/app-b/App.svelte
index 6ea5097be20..3a13c0057f6 100644
--- a/site/content/tutorial/04-logic/04-each-blocks/app-b/App.svelte
+++ b/site/content/tutorial/04-logic/04-each-blocks/app-b/App.svelte
@@ -10,7 +10,7 @@
 
 <ul>
 	{#each cats as { id, name }, i}
-		<li><a target="_blank" href="https://www.youtube.com/watch?v={id}">
+		<li><a target="_blank" href="https://www.youtube.com/watch?v={id}" rel="noreferrer">
 			{i + 1}: {name}
 		</a></li>
 	{/each}
diff --git a/site/content/tutorial/04-logic/04-each-blocks/text.md b/site/content/tutorial/04-logic/04-each-blocks/text.md
index 886990f5a0a..c3a6c30d4e7 100644
--- a/site/content/tutorial/04-logic/04-each-blocks/text.md
+++ b/site/content/tutorial/04-logic/04-each-blocks/text.md
@@ -7,7 +7,7 @@ If you need to loop over lists of data, use an `each` block:
 ```html
 <ul>
 	{#each cats as cat}
-		<li><a target="_blank" href="https://www.youtube.com/watch?v={cat.id}">
+		<li><a target="_blank" href="https://www.youtube.com/watch?v={cat.id}" rel="noreferrer">
 			{cat.name}
 		</a></li>
 	{/each}
@@ -20,10 +20,10 @@ You can get the current *index* as a second argument, like so:
 
 ```html
 {#each cats as cat, i}
-	<li><a target="_blank" href="https://www.youtube.com/watch?v={cat.id}">
+	<li><a target="_blank" href="https://www.youtube.com/watch?v={cat.id}" rel="noreferrer">
 		{i + 1}: {cat.name}
 	</a></li>
 {/each}
 ```
 
-If you prefer, you can use destructuring — `each cats as { id, name }` — and replace `cat.id` and `cat.name` with `id` and `name`.
\ No newline at end of file
+If you prefer, you can use destructuring — `each cats as { id, name }` — and replace `cat.id` and `cat.name` with `id` and `name`.
diff --git a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/Thing.svelte b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/Thing.svelte
index 02e6fa76401..e91026fb988 100644
--- a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/Thing.svelte
+++ b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/Thing.svelte
@@ -1,4 +1,6 @@
 <script>
+	import { onDestroy } from 'svelte';
+
 	const emojis = {
         apple: "🍎",
         banana: "🍌",
@@ -12,6 +14,11 @@
 
 	// ...but the "emoji" variable is fixed upon initialisation of the component
 	const emoji = emojis[name];
+
+	// observe in the console which entry is removed
+	onDestroy(() => {
+		console.log('thing destroyed: ' + name)
+	});
 </script>
 
 <p>
diff --git a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/Thing.svelte b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/Thing.svelte
index 02e6fa76401..e91026fb988 100644
--- a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/Thing.svelte
+++ b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/Thing.svelte
@@ -1,4 +1,6 @@
 <script>
+	import { onDestroy } from 'svelte';
+
 	const emojis = {
         apple: "🍎",
         banana: "🍌",
@@ -12,6 +14,11 @@
 
 	// ...but the "emoji" variable is fixed upon initialisation of the component
 	const emoji = emojis[name];
+
+	// observe in the console which entry is removed
+	onDestroy(() => {
+		console.log('thing destroyed: ' + name)
+	});
 </script>
 
 <p>
diff --git a/site/content/tutorial/04-logic/05-keyed-each-blocks/text.md b/site/content/tutorial/04-logic/05-keyed-each-blocks/text.md
index 76d8322fb03..63821de5ec5 100644
--- a/site/content/tutorial/04-logic/05-keyed-each-blocks/text.md
+++ b/site/content/tutorial/04-logic/05-keyed-each-blocks/text.md
@@ -4,7 +4,7 @@ title: Keyed each blocks
 
 By default, when you modify the value of an `each` block, it will add and remove items at the *end* of the block, and update any values that have changed. That might not be what you want.
 
-It's easier to show why than to explain. Click the 'Remove first thing' button a few times, and notice what happens: it does not remove the first `<Thing>` component, but rather the *last* DOM node. Then it updates the `name` value in the remaining DOM nodes, but not the emoji. 
+It's easier to show why than to explain. Click to expand the `Console`, then click the 'Remove first thing' button a few times, and notice what happens: it does not remove the first `<Thing>` component, but rather the *last* DOM node. Then it updates the `name` value in the remaining DOM nodes, but not the emoji. 
 
 Instead, we'd like to remove only the first `<Thing>` component and its DOM node, and leave the others unaffected.
 
diff --git a/site/content/tutorial/04-logic/06-await-blocks/text.md b/site/content/tutorial/04-logic/06-await-blocks/text.md
index 0d47dcde959..18146813414 100644
--- a/site/content/tutorial/04-logic/06-await-blocks/text.md
+++ b/site/content/tutorial/04-logic/06-await-blocks/text.md
@@ -19,7 +19,7 @@ Most web applications have to deal with asynchronous data at some point. Svelte
 If you know that your promise can't reject, you can omit the `catch` block. You can also omit the first block if you don't want to show anything until the promise resolves:
 
 ```html
-{#await promise then value}
-	<p>the value is {value}</p>
+{#await promise then number}
+	<p>the number is {number}</p>
 {/await}
-```
\ No newline at end of file
+```
diff --git a/site/content/tutorial/06-bindings/03-checkbox-inputs/app-a/App.svelte b/site/content/tutorial/06-bindings/03-checkbox-inputs/app-a/App.svelte
index 2847dad4854..7d8425a8db2 100644
--- a/site/content/tutorial/06-bindings/03-checkbox-inputs/app-a/App.svelte
+++ b/site/content/tutorial/06-bindings/03-checkbox-inputs/app-a/App.svelte
@@ -10,7 +10,7 @@
 {#if yes}
 	<p>Thank you. We will bombard your inbox and sell your personal details.</p>
 {:else}
-	<p>You must opt in to continue. If you're not paying, you're the product.</p>
+	<p>You must opt-in to continue. If you're not paying, you're the product.</p>
 {/if}
 
 <button disabled={!yes}>
diff --git a/site/content/tutorial/06-bindings/03-checkbox-inputs/app-b/App.svelte b/site/content/tutorial/06-bindings/03-checkbox-inputs/app-b/App.svelte
index b82d31e7831..1831da17933 100644
--- a/site/content/tutorial/06-bindings/03-checkbox-inputs/app-b/App.svelte
+++ b/site/content/tutorial/06-bindings/03-checkbox-inputs/app-b/App.svelte
@@ -10,7 +10,7 @@
 {#if yes}
 	<p>Thank you. We will bombard your inbox and sell your personal details.</p>
 {:else}
-	<p>You must opt in to continue. If you're not paying, you're the product.</p>
+	<p>You must opt-in to continue. If you're not paying, you're the product.</p>
 {/if}
 
 <button disabled={!yes}>
diff --git a/site/content/tutorial/06-bindings/05-textarea-inputs/text.md b/site/content/tutorial/06-bindings/05-textarea-inputs/text.md
index 42763200c76..d9a08eee917 100644
--- a/site/content/tutorial/06-bindings/05-textarea-inputs/text.md
+++ b/site/content/tutorial/06-bindings/05-textarea-inputs/text.md
@@ -1,8 +1,7 @@
 ---
 title: Textarea inputs
 ---
-
-The `<textarea>` element behaves similarly to a text input in Svelte — use `bind:value`:
+The `<textarea>` element behaves similarly to a text input in Svelte — use `bind:value` to create a two-way binding between the `<textarea>` content and the `value` variable:
 
 ```html
 <textarea bind:value={value}></textarea>
@@ -14,4 +13,4 @@ In cases like these, where the names match, we can also use a shorthand form:
 <textarea bind:value></textarea>
 ```
 
-This applies to all bindings, not just textareas.
\ No newline at end of file
+This applies to all bindings, not just textareas.
diff --git a/site/content/tutorial/09-motion/02-spring/app-b/App.svelte b/site/content/tutorial/09-motion/02-spring/app-b/App.svelte
index d8a0287c2cf..3ded9350a96 100644
--- a/site/content/tutorial/09-motion/02-spring/app-b/App.svelte
+++ b/site/content/tutorial/09-motion/02-spring/app-b/App.svelte
@@ -33,6 +33,7 @@
 	svg {
 		width: 100%;
 		height: 100%;
+		margin: -8px;
 	}
 	circle {
 		fill: #ff3e00;
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 00bb9d05c8e..07235f21dc0 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
@@ -18,6 +18,7 @@ export function longpress(node, duration) {
 
 	return {
 		destroy() {
+			clearTimeout(timer);
 			node.removeEventListener('mousedown', handleMousedown);
 			node.removeEventListener('mouseup', handleMouseup);
 		}
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 9d807cb13a2..4ce0dfe05b6 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
@@ -21,6 +21,7 @@ export function longpress(node, duration) {
 			duration = newDuration;
 		},
 		destroy() {
+			clearTimeout(timer);
 			node.removeEventListener('mousedown', handleMousedown);
 			node.removeEventListener('mouseup', handleMouseup);
 		}
diff --git a/site/content/tutorial/14-composition/04-optional-slots/app-a/App.svelte b/site/content/tutorial/14-composition/04-optional-slots/app-a/App.svelte
index 19537cb4b32..3dd126be755 100755
--- a/site/content/tutorial/14-composition/04-optional-slots/app-a/App.svelte
+++ b/site/content/tutorial/14-composition/04-optional-slots/app-a/App.svelte
@@ -10,7 +10,7 @@
 <ul>
 	<li>
 		<Project
-			title="Add Typescript support"
+			title="Add TypeScript support"
 			tasksCompleted={25}
 			totalTasks={57}
 		>
diff --git a/site/content/tutorial/14-composition/04-optional-slots/app-b/App.svelte b/site/content/tutorial/14-composition/04-optional-slots/app-b/App.svelte
index 19537cb4b32..3dd126be755 100755
--- a/site/content/tutorial/14-composition/04-optional-slots/app-b/App.svelte
+++ b/site/content/tutorial/14-composition/04-optional-slots/app-b/App.svelte
@@ -10,7 +10,7 @@
 <ul>
 	<li>
 		<Project
-			title="Add Typescript support"
+			title="Add TypeScript support"
 			tasksCompleted={25}
 			totalTasks={57}
 		>
diff --git a/site/content/tutorial/16-special-elements/01-svelte-self/app-a/Folder.svelte b/site/content/tutorial/16-special-elements/01-svelte-self/app-a/Folder.svelte
index e93ffdc548d..814e3839240 100644
--- a/site/content/tutorial/16-special-elements/01-svelte-self/app-a/Folder.svelte
+++ b/site/content/tutorial/16-special-elements/01-svelte-self/app-a/Folder.svelte
@@ -10,7 +10,7 @@
 	}
 </script>
 
-<span class:expanded on:click={toggle}>{name}</span>
+<button class:expanded on:click={toggle}>{name}</button>
 
 {#if expanded}
 	<ul>
@@ -27,12 +27,14 @@
 {/if}
 
 <style>
-	span {
+	button {
 		padding: 0 0 0 1.5em;
 		background: url(/tutorial/icons/folder.svg) 0 0.1em no-repeat;
 		background-size: 1em 1em;
 		font-weight: bold;
 		cursor: pointer;
+		border: none;
+		margin: 0;
 	}
 
 	.expanded {
diff --git a/site/content/tutorial/16-special-elements/01-svelte-self/app-b/Folder.svelte b/site/content/tutorial/16-special-elements/01-svelte-self/app-b/Folder.svelte
index d3fc3a431f4..bc9fca21f67 100644
--- a/site/content/tutorial/16-special-elements/01-svelte-self/app-b/Folder.svelte
+++ b/site/content/tutorial/16-special-elements/01-svelte-self/app-b/Folder.svelte
@@ -10,7 +10,7 @@
 	}
 </script>
 
-<span class:expanded on:click={toggle}>{name}</span>
+<button class:expanded on:click={toggle}>{name}</button>
 
 {#if expanded}
 	<ul>
@@ -27,12 +27,14 @@
 {/if}
 
 <style>
-	span {
+	button {
 		padding: 0 0 0 1.5em;
 		background: url(/tutorial/icons/folder.svg) 0 0.1em no-repeat;
 		background-size: 1em 1em;
 		font-weight: bold;
 		cursor: pointer;
+		border: none;
+		margin: 0;
 	}
 
 	.expanded {
diff --git a/site/content/tutorial/16-special-elements/04-svelte-window/app-a/App.svelte b/site/content/tutorial/16-special-elements/04-svelte-window/app-a/App.svelte
index 24c9a6368a9..47f3d8a87fa 100644
--- a/site/content/tutorial/16-special-elements/04-svelte-window/app-a/App.svelte
+++ b/site/content/tutorial/16-special-elements/04-svelte-window/app-a/App.svelte
@@ -1,10 +1,10 @@
 <script>
 	let key;
-	let keyCode;
+	let code;
 
 	function handleKeydown(event) {
 		key = event.key;
-		keyCode = event.keyCode;
+		code = event.code;
 	}
 </script>
 
@@ -13,7 +13,7 @@
 <div style="text-align: center">
 	{#if key}
 		<kbd>{key === ' ' ? 'Space' : key}</kbd>
-		<p>{keyCode}</p>
+		<p>{code}</p>
 	{:else}
 		<p>Focus this window and press any key</p>
 	{/if}
@@ -39,4 +39,4 @@
 		border-bottom: 5px solid rgba(0, 0, 0, 0.2);
 		color: #555;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/site/content/tutorial/16-special-elements/04-svelte-window/app-b/App.svelte b/site/content/tutorial/16-special-elements/04-svelte-window/app-b/App.svelte
index 026dfa94f7a..c4b5ae53b38 100644
--- a/site/content/tutorial/16-special-elements/04-svelte-window/app-b/App.svelte
+++ b/site/content/tutorial/16-special-elements/04-svelte-window/app-b/App.svelte
@@ -1,10 +1,10 @@
 <script>
 	let key;
-	let keyCode;
+	let code;
 
 	function handleKeydown(event) {
 		key = event.key;
-		keyCode = event.keyCode;
+		code = event.code;
 	}
 </script>
 
@@ -13,7 +13,7 @@
 <div style="text-align: center">
 	{#if key}
 		<kbd>{key === ' ' ? 'Space' : key}</kbd>
-		<p>{keyCode}</p>
+		<p>{code}</p>
 	{:else}
 		<p>Focus this window and press any key</p>
 	{/if}
diff --git a/site/content/tutorial/16-special-elements/08-svelte-options/app-a/Todo.svelte b/site/content/tutorial/16-special-elements/08-svelte-options/app-a/Todo.svelte
index 57d4dcc79a3..cc3856316cb 100644
--- a/site/content/tutorial/16-special-elements/08-svelte-options/app-a/Todo.svelte
+++ b/site/content/tutorial/16-special-elements/08-svelte-options/app-a/Todo.svelte
@@ -4,22 +4,24 @@
 
 	export let todo;
 
-	let div;
+	let button;
 
 	afterUpdate(() => {
-		flash(div);
+		flash(button);
 	});
 </script>
 
 <!-- the text will flash red whenever
      the `todo` object changes -->
-<div bind:this={div} on:click>
+<button bind:this={button} type="button" on:click>
 	{todo.done ? '👍': ''} {todo.text}
-</div>
+</button>
 
 <style>
-	div {
+	button {
+		all: unset;
+		display: block;
 		cursor: pointer;
 		line-height: 1.5;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/site/content/tutorial/16-special-elements/08-svelte-options/app-b/Todo.svelte b/site/content/tutorial/16-special-elements/08-svelte-options/app-b/Todo.svelte
index fa81d35989c..848f167d02e 100644
--- a/site/content/tutorial/16-special-elements/08-svelte-options/app-b/Todo.svelte
+++ b/site/content/tutorial/16-special-elements/08-svelte-options/app-b/Todo.svelte
@@ -6,22 +6,24 @@
 
 	export let todo;
 
-	let div;
+	let button;
 
 	afterUpdate(() => {
-		flash(div);
+		flash(button);
 	});
 </script>
 
 <!-- the text will flash red whenever
      the `todo` object changes -->
-<div bind:this={div} on:click>
+<button bind:this={button} type="button" on:click>
 	{todo.done ? '👍': ''} {todo.text}
-</div>
+</button>
 
 <style>
-	div {
+	button {
+		all: unset;
+		display: block;
 		cursor: pointer;
 		line-height: 1.5;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/site/content/tutorial/18-debugging/meta.json b/site/content/tutorial/18-debugging/meta.json
deleted file mode 100644
index 5eeed281d38..00000000000
--- a/site/content/tutorial/18-debugging/meta.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-	"title": "Debugging"
-}
\ No newline at end of file
diff --git a/site/content/tutorial/18-debugging/01-debug/app-a/App.svelte b/site/content/tutorial/18-special-tags/01-debug/app-a/App.svelte
similarity index 100%
rename from site/content/tutorial/18-debugging/01-debug/app-a/App.svelte
rename to site/content/tutorial/18-special-tags/01-debug/app-a/App.svelte
diff --git a/site/content/tutorial/18-debugging/01-debug/app-b/App.svelte b/site/content/tutorial/18-special-tags/01-debug/app-b/App.svelte
similarity index 100%
rename from site/content/tutorial/18-debugging/01-debug/app-b/App.svelte
rename to site/content/tutorial/18-special-tags/01-debug/app-b/App.svelte
diff --git a/site/content/tutorial/18-debugging/01-debug/text.md b/site/content/tutorial/18-special-tags/01-debug/text.md
similarity index 100%
rename from site/content/tutorial/18-debugging/01-debug/text.md
rename to site/content/tutorial/18-special-tags/01-debug/text.md
diff --git a/site/content/tutorial/01-introduction/06-html-tags/app-a/App.svelte b/site/content/tutorial/18-special-tags/02-html-tags/app-a/App.svelte
similarity index 100%
rename from site/content/tutorial/01-introduction/06-html-tags/app-a/App.svelte
rename to site/content/tutorial/18-special-tags/02-html-tags/app-a/App.svelte
diff --git a/site/content/tutorial/01-introduction/06-html-tags/app-b/App.svelte b/site/content/tutorial/18-special-tags/02-html-tags/app-b/App.svelte
similarity index 100%
rename from site/content/tutorial/01-introduction/06-html-tags/app-b/App.svelte
rename to site/content/tutorial/18-special-tags/02-html-tags/app-b/App.svelte
diff --git a/site/content/tutorial/01-introduction/06-html-tags/text.md b/site/content/tutorial/18-special-tags/02-html-tags/text.md
similarity index 57%
rename from site/content/tutorial/01-introduction/06-html-tags/text.md
rename to site/content/tutorial/18-special-tags/02-html-tags/text.md
index ff547247e24..0da47080200 100644
--- a/site/content/tutorial/01-introduction/06-html-tags/text.md
+++ b/site/content/tutorial/18-special-tags/02-html-tags/text.md
@@ -12,4 +12,4 @@ In Svelte, you do this with the special `{@html ...}` tag:
 <p>{@html string}</p>
 ```
 
-> Svelte doesn't perform any sanitization of the expression inside `{@html ...}` before it gets inserted into the DOM. In other words, if you use this feature it's critical that you manually escape HTML that comes from sources you don't trust, otherwise you risk exposing your users to XSS attacks.
+> **Warning!** Svelte doesn't perform any sanitization of the expression inside `{@html ...}` before it gets inserted into the DOM. In other words, if you use this feature it's **critical** that you manually escape HTML that comes from sources you don't trust, otherwise you risk exposing your users to XSS attacks.
diff --git a/site/content/tutorial/18-special-tags/meta.json b/site/content/tutorial/18-special-tags/meta.json
new file mode 100644
index 00000000000..06e17320304
--- /dev/null
+++ b/site/content/tutorial/18-special-tags/meta.json
@@ -0,0 +1,3 @@
+{
+	"title": "Special tags"
+}
\ No newline at end of file
diff --git a/site/content/tutorial/19-next-steps/01-congratulations/text.md b/site/content/tutorial/19-next-steps/01-congratulations/text.md
index 5b8256463e6..1b4b13d4ab4 100644
--- a/site/content/tutorial/19-next-steps/01-congratulations/text.md
+++ b/site/content/tutorial/19-next-steps/01-congratulations/text.md
@@ -4,7 +4,7 @@ title: Congratulations!
 
 You've now finished the Svelte tutorial and are ready to start building apps. You can refer back to individual chapters at any time (click the title above to reveal a dropdown) or continue your learning via the [API reference](/docs), [Examples](/examples) and [Blog](/blog). If you're a Twitter user, you can get updates via [@sveltejs](https://twitter.com/sveltejs).
 
-To get set up in your local development environment, check out [the quickstart guide](/blog/the-easiest-way-to-get-started).
+To get set up in your local development environment, check out [the quickstart guide](/docs#getting-started).
 
 If you're looking for a more expansive framework that includes routing, server-side rendering and everything else, take a look at [SvelteKit](https://kit.svelte.dev).
 
diff --git a/src/compiler/compile/Component.ts b/src/compiler/compile/Component.ts
index 63c62a256a3..0d6a329dcba 100644
--- a/src/compiler/compile/Component.ts
+++ b/src/compiler/compile/Component.ts
@@ -1,7 +1,8 @@
 import { walk } from 'estree-walker';
 import { getLocator } from 'locate-character';
 import Stats from '../Stats';
-import { globals, reserved, is_valid } from '../utils/names';
+import { reserved, is_valid } from '../utils/names';
+import globals from '../utils/globals';
 import { namespaces, valid_namespaces } from '../utils/namespaces';
 import create_module from './create_module';
 import {
@@ -37,6 +38,7 @@ import compiler_warnings from './compiler_warnings';
 import compiler_errors from './compiler_errors';
 import { extract_ignores_above_position, extract_svelte_ignore_from_comments } from '../utils/extract_svelte_ignore';
 import check_enable_sourcemap from './utils/check_enable_sourcemap';
+import is_dynamic from './render_dom/wrappers/shared/is_dynamic';
 
 interface ComponentOptions {
 	namespace?: string;
@@ -46,6 +48,10 @@ interface ComponentOptions {
 	preserveWhitespace?: boolean;
 }
 
+const regex_leading_directory_separator = /^[/\\]/;
+const regex_starts_with_term_export = /^Export/;
+const regex_contains_term_function = /Function/;
+
 export default class Component {
 	stats: Stats;
 	warnings: Warning[];
@@ -135,7 +141,7 @@ export default class Component {
 			(typeof process !== 'undefined'
 				? compile_options.filename
 					.replace(process.cwd(), '')
-					.replace(/^[/\\]/, '')
+					.replace(regex_leading_directory_separator, '')
 				: compile_options.filename);
 		this.locate = getLocator(this.source, { offsetLine: 1 });
 
@@ -637,7 +643,7 @@ export default class Component {
 				body.splice(i, 1);
 			}
 
-			if (/^Export/.test(node.type)) {
+			if (regex_starts_with_term_export.test(node.type)) {
 				const replacement = this.extract_exports(node, true);
 				if (replacement) {
 					body[i] = replacement;
@@ -787,6 +793,53 @@ export default class Component {
 					scope = map.get(node);
 				}
 
+				let deep = false;
+				let names: string[] = [];
+
+				if (node.type === 'AssignmentExpression') {
+					if (node.left.type === 'ArrayPattern') {
+						walk(node.left, {
+							enter(node: Node, parent: Node) {
+								if (node.type === 'Identifier' &&
+									parent.type !== 'MemberExpression' &&
+									(parent.type !== 'AssignmentPattern' || parent.right !== node)) {
+										names.push(node.name);
+								}
+							}
+						});
+					} else {
+						deep = node.left.type === 'MemberExpression';
+						names = deep
+							? [get_object(node.left).name]
+							: extract_names(node.left);
+					}
+				} else if (node.type === 'UpdateExpression') {
+					deep = node.argument.type === 'MemberExpression';
+					const { name } = get_object(node.argument);
+					names.push(name);
+				}
+				if (names.length > 0) {
+					names.forEach(name => {
+						let current_scope = scope;
+						let declaration;
+
+						while (current_scope) {
+							if (current_scope.declarations.has(name)) {
+								declaration = current_scope.declarations.get(name);
+								break;
+							}
+							current_scope = current_scope.parent;
+						}
+
+						if (declaration && declaration.kind === 'const' && !deep) {
+							component.error(node as any, {
+								code: 'assignment-to-const',
+								message: 'You are assigning to a const'
+							});
+						}
+					});
+				}
+
 				if (node.type === 'ImportDeclaration') {
 					component.extract_imports(node);
 					// TODO: to use actual remove
@@ -794,7 +847,7 @@ export default class Component {
 					return this.skip();
 				}
 
-				if (/^Export/.test(node.type)) {
+				if (regex_starts_with_term_export.test(node.type)) {
 					const replacement = component.extract_exports(node);
 					if (replacement) {
 						this.replace(replacement);
@@ -898,7 +951,7 @@ export default class Component {
 		});
 	}
 
-	warn_on_undefined_store_value_references(node: Node, parent: Node, prop: string, scope: Scope) {
+	warn_on_undefined_store_value_references(node: Node, parent: Node, prop: string | number | symbol, scope: Scope) {
 		if (
 			node.type === 'LabeledStatement' &&
 			node.label.name === '$' &&
@@ -917,7 +970,7 @@ export default class Component {
 				}
 
 				if (name[1] !== '$' && scope.has(name.slice(1)) && scope.find_owner(name.slice(1)) !== this.instance_scope) {
-					if (!((/Function/.test(parent.type) && prop === 'params') || (parent.type === 'VariableDeclarator' && prop === 'id'))) {
+					if (!((regex_contains_term_function.test(parent.type) && prop === 'params') || (parent.type === 'VariableDeclarator' && prop === 'id'))) {
 						return this.error(node as any, compiler_errors.contextual_store);
 					}
 				}
@@ -964,7 +1017,7 @@ export default class Component {
 
 		walk(this.ast.instance.content, {
 			enter(node: Node) {
-				if (/Function/.test(node.type)) {
+				if (regex_contains_term_function.test(node.type)) {
 					return this.skip();
 				}
 
@@ -1088,7 +1141,7 @@ export default class Component {
 
 						this.replace(b`
 							${node.declarations.length ? node : null}
-							${ props.length > 0 && b`let { ${ props } } = $$props;`}
+							${ props.length > 0 && b`let { ${props} } = $$props;`}
 							${inserts}
 						` as any);
 						return this.skip();
@@ -1339,12 +1392,11 @@ export default class Component {
 										module_dependencies.add(name);
 									}
 								}
-								const is_writable_or_mutated =
-									variable && (variable.writable || variable.mutated);
+
 								if (
 									should_add_as_dependency &&
 									(!owner || owner === component.instance_scope) &&
-									(name[0] === '$' || is_writable_or_mutated)
+									(name[0] === '$' || variable)
 								) {
 									dependencies.add(name);
 								}
@@ -1368,6 +1420,19 @@ export default class Component {
 				const { expression } = node.body as ExpressionStatement;
 				const declaration = expression && (expression as AssignmentExpression).left;
 
+				const is_dependency_static = Array.from(dependencies).every(
+					dependency => dependency !== '$$props' && dependency !== '$$restProps' && !is_dynamic(this.var_lookup.get(dependency))
+				);
+
+				if (is_dependency_static) {
+					assignees.forEach(assignee => {
+						const variable = component.var_lookup.get(assignee);
+						if (variable) {
+							variable.is_reactive_static = true;
+						}
+					});
+				}
+
 				unsorted_reactive_declarations.push({
 					assignees,
 					dependencies,
@@ -1459,6 +1524,8 @@ export default class Component {
 	}
 }
 
+const regex_valid_tag_name = /^[a-zA-Z][a-zA-Z0-9]*-[a-zA-Z0-9-]+$/;
+
 function process_component_options(component: Component, nodes) {
 	const component_options: ComponentOptions = {
 		immutable: component.compile_options.immutable || false,
@@ -1472,7 +1539,7 @@ function process_component_options(component: Component, nodes) {
 
 	const node = nodes.find(node => node.name === 'svelte:options');
 
-	function get_value(attribute, {code, message}) {
+	function get_value(attribute, { code, message }) {
 		const { value } = attribute;
 		const chunk = value[0];
 
@@ -1504,7 +1571,7 @@ function process_component_options(component: Component, nodes) {
 							return component.error(attribute, compiler_errors.invalid_tag_attribute);
 						}
 
-						if (tag && !/^[a-zA-Z][a-zA-Z0-9]*-[a-zA-Z0-9-]+$/.test(tag)) {
+						if (tag && !regex_valid_tag_name.test(tag)) {
 							return component.error(attribute, compiler_errors.invalid_tag_property);
 						}
 
diff --git a/src/compiler/compile/compiler_errors.ts b/src/compiler/compile/compiler_errors.ts
index ea95c8cbecf..b0ffead6e02 100644
--- a/src/compiler/compile/compiler_errors.ts
+++ b/src/compiler/compile/compiler_errors.ts
@@ -44,7 +44,7 @@ export default {
 		code: 'invalid-binding',
 		message: 'Cannot bind to a variable declared with {@const ...}'
 	},
-	invalid_binding_writibale: {
+	invalid_binding_writable: {
 		code: 'invalid-binding',
 		message: 'Cannot bind to a variable which is not writable'
 	},
@@ -234,6 +234,14 @@ export default {
 		code: 'css-invalid-global-selector',
 		message: ':global(...) must contain a single selector'
 	},
+	css_invalid_global_selector_position: {
+		code: 'css-invalid-global-selector-position',
+		message: ':global(...) not at the start of a selector sequence should not contain type or universal selectors'
+	},
+	css_invalid_selector: (selector: string) => ({
+		code: 'css-invalid-selector',
+		message: `Invalid selector "${selector}"`
+	}),
 	duplicate_animation: {
 		code: 'duplicate-animation',
 		message: "An element can only have one 'animate' directive"
@@ -277,5 +285,9 @@ export default {
 	invalid_component_style_directive: {
 		code: 'invalid-component-style-directive',
 		message: 'Style directives cannot be used on components'
-	}
+	},
+	invalid_style_directive_modifier: (valid: string) => ({
+		code: 'invalid-style-directive-modifier',
+		message: `Valid modifiers for style directives are: ${valid}`
+	})
 };
diff --git a/src/compiler/compile/compiler_warnings.ts b/src/compiler/compile/compiler_warnings.ts
index 07107ac21ef..4a72f26f23a 100644
--- a/src/compiler/compile/compiler_warnings.ts
+++ b/src/compiler/compile/compiler_warnings.ts
@@ -1,5 +1,7 @@
 // All compiler warnings should be listed and accessed from here
 
+import { ARIAPropertyDefinition } from 'aria-query';
+
 /**
  * @internal
  */
@@ -60,6 +62,35 @@ export default {
 		code: 'a11y-aria-attributes',
 		message: `A11y: <${name}> should not have aria-* attributes`
 	}),
+	a11y_incorrect_attribute_type: (schema: ARIAPropertyDefinition, attribute: string) => {
+		let message;
+		switch (schema.type) {
+			case 'boolean':
+				message = `The value of '${attribute}' must be exactly one of true or false`;
+				break;
+			case 'id':
+				message = `The value of '${attribute}' must be a string that represents a DOM element ID`;
+				break;
+			case 'idlist':
+				message = `The value of '${attribute}' must be a space-separated list of strings that represent DOM element IDs`;
+				break;
+			case 'tristate':
+				message = `The value of '${attribute}' must be exactly one of true, false, or mixed`;
+				break;
+			case 'token':
+				message = `The value of '${attribute}' must be exactly one of ${(schema.values || []).join(', ')}`;
+				break;
+			case 'tokenlist':
+				message = `The value of '${attribute}' must be a space-separated list of one or more of ${(schema.values || []).join(', ')}`;
+				break;
+			default:
+				message = `The value of '${attribute}' must be of type ${schema.type}`;
+		}
+		return {
+			code: 'a11y-incorrect-aria-attribute-type',
+			message: `A11y: ${message}`
+		};
+	},
 	a11y_unknown_aria_attribute: (attribute: string, suggestion?: string) => ({
 		code: 'a11y-unknown-aria-attribute',
 		message: `A11y: Unknown aria attribute 'aria-${attribute}'` + (suggestion ? ` (did you mean '${suggestion}'?)` : '')
@@ -76,10 +107,33 @@ export default {
 		code: 'a11y-unknown-role',
 		message: `A11y: Unknown role '${role}'` + (suggestion ? ` (did you mean '${suggestion}'?)` : '')
 	}),
+	a11y_no_abstract_role: (role: string | boolean) => ({
+		code: 'a11y-no-abstract-role',
+		message: `A11y: Abstract role '${role}' is forbidden`
+	}),
 	a11y_no_redundant_roles: (role: string | boolean) => ({
 		code: 'a11y-no-redundant-roles',
 		message: `A11y: Redundant role '${role}'`
 	}),
+	a11y_no_interactive_element_to_noninteractive_role: (role: string | boolean, element: string) => ({
+		code: 'a11y-no-interactive-element-to-noninteractive-role',
+		message: `A11y: <${element}> cannot have role '${role}'`
+	}),
+	a11y_role_has_required_aria_props: (role: string, props: string[]) => ({
+		code: 'a11y-role-has-required-aria-props',
+		message: `A11y: Elements with the ARIA role "${role}" must have the following attributes defined: ${props.map(name => `"${name}"`).join(', ')}`
+	}),
+  a11y_role_supports_aria_props: (attribute: string, role: string, is_implicit: boolean, name: string) => {
+    let message = `The attribute '${attribute}' is not supported by the role '${role}'.`;
+    if (is_implicit) {
+      message += ` This role is implicit on the element <${name}>.`;
+    }
+
+    return {
+      code: 'a11y-role-supports-aria-props',
+      message: `A11y: ${message}`
+    };
+  },
 	a11y_accesskey: {
 		code: 'a11y-accesskey',
 		message: 'A11y: Avoid using accesskey'
@@ -132,10 +186,22 @@ export default {
 		code: 'a11y-mouse-events-have-key-events',
 		message: `A11y: on:${event} must be accompanied by on:${accompanied_by}`
 	}),
+	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_missing_content: (name: string) => ({
 		code: 'a11y-missing-content',
 		message: `A11y: <${name}> element should have child content`
 	}),
+	a11y_no_noninteractive_tabindex: {
+		code: 'a11y-no-noninteractive-tabindex',
+		message: 'A11y: noninteractive element cannot have nonnegative tabIndex value'
+	},
+	a11y_aria_activedescendant_has_tabindex: {
+		code: 'a11y-aria-activedescendant-has-tabindex',
+		message: 'A11y: Elements with attribute aria-activedescendant should have tabindex value'
+	},
 	redundant_event_modifier_for_touch: {
 		code: 'redundant-event-modifier',
 		message: 'Touch event handlers that don\'t use the \'event\' object are passive by default'
@@ -144,8 +210,12 @@ export default {
 		code: 'redundant-event-modifier',
 		message: 'The passive modifier only works with wheel and touch events'
 	},
+	invalid_rest_eachblock_binding: (rest_element_name: string) => ({
+		code: 'invalid-rest-eachblock-binding',
+		message: `...${rest_element_name} operator will create a new object and binding propagation with original object will not work`
+	},
 	avoid_mouse_events_on_document: {
 		code: 'avoid-mouse-events-on-document',
 		message: 'Mouse events on the document are not supported in all browsers and should be avoided'
-	}
+	})
 };
diff --git a/src/compiler/compile/css/Selector.ts b/src/compiler/compile/css/Selector.ts
index 5123f6fec43..c2ad4504168 100644
--- a/src/compiler/compile/css/Selector.ts
+++ b/src/compiler/compile/css/Selector.ts
@@ -9,6 +9,7 @@ import EachBlock from '../nodes/EachBlock';
 import IfBlock from '../nodes/IfBlock';
 import AwaitBlock from '../nodes/AwaitBlock';
 import compiler_errors from '../compiler_errors';
+import { regex_starts_with_whitespace, regex_ends_with_whitespace } from '../../utils/patterns';
 
 enum BlockAppliesToNode {
 	NotPossible,
@@ -25,6 +26,8 @@ const whitelist_attribute_selector = new Map([
 	['dialog', new Set(['open'])]
 ]);
 
+const regex_is_single_css_selector = /[^\\],(?!([^([]+[^\\]|[^([\\])[)\]])/;
+
 export default class Selector {
 	node: CssNode;
 	stylesheet: Stylesheet;
@@ -73,7 +76,7 @@ export default class Selector {
 		this.blocks.forEach((block, i) => {
 			if (i > 0) {
 				if (block.start - c > 1) {
-					code.overwrite(c, block.start, block.combinator.name || ' ');
+					code.update(c, block.start, block.combinator.name || ' ');
 				}
 			}
 
@@ -109,7 +112,7 @@ export default class Selector {
 				}
 
 				if (selector.type === 'TypeSelector' && selector.name === '*') {
-					code.overwrite(selector.start, selector.end, attr);
+					code.update(selector.start, selector.end, attr);
 				} else {
 					code.appendLeft(selector.end, attr);
 				}
@@ -145,6 +148,8 @@ export default class Selector {
 		}
 
 		this.validate_global_with_multiple_selectors(component);
+		this.validate_global_compound_selector(component);
+		this.validate_invalid_combinator_without_selector(component);
 	}
 
 	validate_global_with_multiple_selectors(component: Component) {
@@ -156,13 +161,41 @@ export default class Selector {
 		for (const block of this.blocks) {
 			for (const selector of block.selectors) {
 				if (selector.type === 'PseudoClassSelector' && selector.name === 'global') {
-					if (/[^\\],(?!([^([]+[^\\]|[^([\\])[)\]])/.test(selector.children[0].value)) {
+					if (regex_is_single_css_selector.test(selector.children[0].value)) {
 						component.error(selector, compiler_errors.css_invalid_global_selector);
 					}
 				}
 			}
 		}
 	}
+	validate_invalid_combinator_without_selector(component: Component) {
+		for (let i = 0; i < this.blocks.length; i++) {
+			const block = this.blocks[i];
+			if (block.combinator && block.selectors.length === 0) {
+				component.error(this.node, compiler_errors.css_invalid_selector(component.source.slice(this.node.start, this.node.end)));
+			}
+			if (!block.combinator && block.selectors.length === 0) {
+				component.error(this.node, compiler_errors.css_invalid_selector(component.source.slice(this.node.start, this.node.end)));
+			}
+		}
+	}
+
+	validate_global_compound_selector(component: Component) {
+		for (const block of this.blocks) {
+			for (let index = 0; index < block.selectors.length; index++) {
+				const selector = block.selectors[index];
+				if (selector.type === 'PseudoClassSelector' &&
+					selector.name === 'global' &&
+					index !== 0 &&
+					selector.children &&
+					selector.children.length > 0 &&
+					!/[.:#\s]/.test(selector.children[0].value[0])
+				) {
+					component.error(selector, compiler_errors.css_invalid_global_selector_position);
+				}
+			}
+		}
+	}
 
 	get_amount_class_specificity_increased() {
 		let count = 0;
@@ -197,7 +230,7 @@ function apply_selector(blocks: Block[], node: Element, to_encapsulate: Array<{
 	}
 
 	if (block.combinator) {
-		if (block.combinator.type === 'WhiteSpace') {
+		if (block.combinator.type === 'Combinator' && block.combinator.name === ' ') {
 			for (const ancestor_block of blocks) {
 				if (ancestor_block.global) {
 					continue;
@@ -269,12 +302,14 @@ function apply_selector(blocks: Block[], node: Element, to_encapsulate: Array<{
 	return true;
 }
 
+const regex_backslash_and_following_character = /\\(.)/g;
+
 function block_might_apply_to_node(block: Block, node: Element): BlockAppliesToNode {
 	let i = block.selectors.length;
 
 	while (i--) {
 		const selector = block.selectors[i];
-		const name = typeof selector.name === 'string' && selector.name.replace(/\\(.)/g, '$1');
+		const name = typeof selector.name === 'string' && selector.name.replace(regex_backslash_and_following_character, '$1');
 
 		if (selector.type === 'PseudoClassSelector' && (name === 'host' || name === 'root')) {
 			return BlockAppliesToNode.NotPossible;
@@ -299,7 +334,7 @@ function block_might_apply_to_node(block: Block, node: Element): BlockAppliesToN
 				return BlockAppliesToNode.NotPossible;
 			}
 		} else if (selector.type === 'TypeSelector') {
-			if (node.name.toLowerCase() !== name.toLowerCase() && name !== '*') return BlockAppliesToNode.NotPossible;
+			if (node.name.toLowerCase() !== name.toLowerCase() && name !== '*' && !node.is_dynamic_element) return BlockAppliesToNode.NotPossible;
 		} else {
 			return BlockAppliesToNode.UnknownSelectorType;
 		}
@@ -333,7 +368,7 @@ function attribute_matches(node: CssNode, name: string, expected_value: string,
 	const attr = node.attributes.find((attr: CssNode) => attr.name === name);
 	if (!attr) return false;
 	if (attr.is_true) return operator === null;
-	if (!expected_value) return true;
+	if (expected_value == null) return true;
 
 	if (attr.chunks.length === 1) {
 		const value = attr.chunks[0];
@@ -359,7 +394,7 @@ function attribute_matches(node: CssNode, name: string, expected_value: string,
 			const start_with_space = [];
 			const remaining = [];
 			current_possible_values.forEach((current_possible_value: string) => {
-				if (/^\s/.test(current_possible_value)) {
+				if (regex_starts_with_whitespace.test(current_possible_value)) {
 					start_with_space.push(current_possible_value);
 				} else {
 					remaining.push(current_possible_value);
@@ -380,7 +415,7 @@ function attribute_matches(node: CssNode, name: string, expected_value: string,
 				prev_values = combined;
 
 				start_with_space.forEach((value: string) => {
-					if (/\s$/.test(value)) {
+					if (regex_ends_with_whitespace.test(value)) {
 						possible_values.add(value);
 					} else {
 						prev_values.push(value);
@@ -394,7 +429,7 @@ function attribute_matches(node: CssNode, name: string, expected_value: string,
 		}
 
 		current_possible_values.forEach((current_possible_value: string) => {
-			if (/\s$/.test(current_possible_value)) {
+			if (regex_ends_with_whitespace.test(current_possible_value)) {
 				possible_values.add(current_possible_value);
 			} else {
 				prev_values.push(current_possible_value);
@@ -585,7 +620,7 @@ class Block {
 	host: boolean;
 	root: boolean;
 	combinator: CssNode;
-	selectors: CssNode[]
+	selectors: CssNode[];
 	start: number;
 	end: number;
 	should_encapsulate: boolean;
diff --git a/src/compiler/compile/css/Stylesheet.ts b/src/compiler/compile/css/Stylesheet.ts
index 0a3098db6d6..8f54830e6af 100644
--- a/src/compiler/compile/css/Stylesheet.ts
+++ b/src/compiler/compile/css/Stylesheet.ts
@@ -9,9 +9,12 @@ import hash from '../utils/hash';
 import compiler_warnings from '../compiler_warnings';
 import { extract_ignores_above_position } from '../../utils/extract_svelte_ignore';
 import { push_array } from '../../utils/push_array';
+import { regex_only_whitespaces, regex_whitespace } from '../../utils/patterns';
+
+const regex_css_browser_prefix = /^-((webkit)|(moz)|(o)|(ms))-/;
 
 function remove_css_prefix(name: string): string {
-	return name.replace(/^-((webkit)|(moz)|(o)|(ms))-/, '');
+	return name.replace(regex_css_browser_prefix, '');
 }
 
 const is_keyframes_node = (node: CssNode) =>
@@ -32,7 +35,7 @@ function minify_declarations(
 	declarations.forEach((declaration, i) => {
 		const separator = i > 0 ? ';' : '';
 		if ((declaration.node.start - c) > separator.length) {
-			code.overwrite(c, declaration.node.start, separator);
+			code.update(c, declaration.node.start, separator);
 		}
 		declaration.minify(code);
 		c = declaration.node.end;
@@ -72,7 +75,7 @@ class Rule {
 			if (selector.used) {
 				const separator = started ? ',' : '';
 				if ((selector.node.start - c) > separator.length) {
-					code.overwrite(c, selector.node.start, separator);
+					code.update(c, selector.node.start, separator);
 				}
 
 				selector.minify(code);
@@ -130,7 +133,7 @@ class Declaration {
 				if (block.type === 'Identifier') {
 					const name = block.name;
 					if (keyframes.has(name)) {
-						code.overwrite(block.start, block.end, keyframes.get(name));
+						code.update(block.start, block.end, keyframes.get(name));
 					}
 				}
 			});
@@ -147,13 +150,13 @@ class Declaration {
 
 		// Don't minify whitespace in custom properties, since some browsers (Chromium < 99)
 		// treat --foo: ; and --foo:; differently
-		if (first.type === 'Raw' && /^\s+$/.test(first.value)) return;
+		if (first.type === 'Raw' && regex_only_whitespaces.test(first.value)) return;
 
 		let start = first.start;
-		while (/\s/.test(code.original[start])) start += 1;
+		while (regex_whitespace.test(code.original[start])) start += 1;
 
 		if (start - c > 1) {
-			code.overwrite(c, start, ':');
+			code.update(c, start, ':');
 		}
 	}
 }
@@ -170,7 +173,7 @@ class Atrule {
 	}
 
 	apply(node: Element) {
-		if (this.node.name === 'media' || this.node.name === 'supports') {
+		if (this.node.name === 'media' || this.node.name === 'supports' || this.node.name === 'layer') {
 			this.children.forEach(child => {
 				child.apply(node);
 			});
@@ -201,7 +204,7 @@ class Atrule {
 			code.remove(c, this.node.block.start);
 		} else if (this.node.name === 'supports') {
 			let c = this.node.start + 9;
-			if (this.node.prelude.start - c > 1) code.overwrite(c, this.node.prelude.start, ' ');
+			if (this.node.prelude.start - c > 1) code.update(c, this.node.prelude.start, ' ');
 			this.node.prelude.children.forEach((query: CssNode) => {
 				// TODO minify queries
 				c = query.end;
@@ -210,7 +213,7 @@ class Atrule {
 		} else {
 			let c = this.node.start + this.node.name.length + 1;
 			if (this.node.prelude) {
-				if (this.node.prelude.start - c > 1) code.overwrite(c, this.node.prelude.start, ' ');
+				if (this.node.prelude.start - c > 1) code.update(c, this.node.prelude.start, ' ');
 				c = this.node.prelude.end;
 			}
 			if (this.node.block && this.node.block.start - c > 0) {
@@ -252,7 +255,7 @@ class Atrule {
 							});
 						});
 					} else {
-						code.overwrite(start, end, keyframes.get(name));
+						code.update(start, end, keyframes.get(name));
 					}
 				}
 			});
diff --git a/src/compiler/compile/index.ts b/src/compiler/compile/index.ts
index afe9c56cf4c..7a18231cef9 100644
--- a/src/compiler/compile/index.ts
+++ b/src/compiler/compile/index.ts
@@ -35,8 +35,19 @@ const valid_options = [
 	'cssHash'
 ];
 
+const valid_css_values = [
+	true,
+	false,
+	'injected',
+	'external',
+	'none'
+];
+
+const regex_valid_identifier = /^[a-zA-Z_$][a-zA-Z_$0-9]*$/;
+const regex_starts_with_lowercase_character = /^[a-z]/;
+
 function validate_options(options: CompileOptions, warnings: Warning[]) {
-	const { name, filename, loopGuardTimeout, dev, namespace } = options;
+	const { name, filename, loopGuardTimeout, dev, namespace, css } = options;
 
 	Object.keys(options).forEach(key => {
 		if (!valid_options.includes(key)) {
@@ -48,11 +59,11 @@ function validate_options(options: CompileOptions, warnings: Warning[]) {
 		}
 	});
 
-	if (name && !/^[a-zA-Z_$][a-zA-Z_$0-9]*$/.test(name)) {
+	if (name && !regex_valid_identifier.test(name)) {
 		throw new Error(`options.name must be a valid identifier (got '${name}')`);
 	}
 
-	if (name && /^[a-z]/.test(name)) {
+	if (name && regex_starts_with_lowercase_character.test(name)) {
 		const message = 'options.name should be capitalised';
 		warnings.push({
 			code: 'options-lowercase-name',
@@ -72,6 +83,23 @@ function validate_options(options: CompileOptions, warnings: Warning[]) {
 		});
 	}
 
+	if (valid_css_values.indexOf(css) === -1) {
+		throw new Error(`options.css must be true, false, 'injected', 'external', or 'none' (got '${css}')`);
+	}
+
+	if (css === true || css === false) {
+		options.css = css === true ? 'injected' : 'external';
+		// possibly show this warning once we decided how Svelte 4 looks like
+		// const message = `options.css as a boolean is deprecated. Use '${options.css}' instead of ${css}.`;
+		// warnings.push({
+		// 	code: 'options-css-boolean-deprecated',
+		// 	message,
+		// 	filename,
+		// 	toString: () => message
+		// });
+		// }
+	}
+
 	if (namespace && valid_namespaces.indexOf(namespace) === -1) {
 		const match = fuzzymatch(namespace, valid_namespaces);
 		if (match) {
@@ -83,7 +111,7 @@ function validate_options(options: CompileOptions, warnings: Warning[]) {
 }
 
 export default function compile(source: string, options: CompileOptions = {}) {
-	options = Object.assign({ generate: 'dom', dev: false, enableSourcemap: true }, options);
+	options = Object.assign({ generate: 'dom', dev: false, enableSourcemap: true, css: 'injected' }, options);
 
 	const stats = new Stats();
 	const warnings = [];
diff --git a/src/compiler/compile/nodes/AwaitBlock.ts b/src/compiler/compile/nodes/AwaitBlock.ts
index 735fdbfff3b..4a669b6365b 100644
--- a/src/compiler/compile/nodes/AwaitBlock.ts
+++ b/src/compiler/compile/nodes/AwaitBlock.ts
@@ -23,6 +23,8 @@ export default class AwaitBlock extends Node {
 	then: ThenBlock;
 	catch: CatchBlock;
 
+	context_rest_properties: Map<string, ESTreeNode> = new Map();
+
 	constructor(component: Component, parent: Node, scope: TemplateScope, info: TemplateNode) {
 		super(component, parent, scope, info);
 
@@ -33,12 +35,12 @@ export default class AwaitBlock extends Node {
 
 		if (this.then_node) {
 			this.then_contexts = [];
-			unpack_destructuring({ contexts: this.then_contexts, node: info.value, scope, component });
+			unpack_destructuring({ contexts: this.then_contexts, node: info.value, scope, component, context_rest_properties: this.context_rest_properties });
 		}
 
 		if (this.catch_node) {
 			this.catch_contexts = [];
-			unpack_destructuring({ contexts: this.catch_contexts, node: info.error, scope, component });
+			unpack_destructuring({ contexts: this.catch_contexts, node: info.error, scope, component, context_rest_properties: this.context_rest_properties });
 		}
 
 		this.pending = new PendingBlock(component, this, scope, info.pending);
diff --git a/src/compiler/compile/nodes/Binding.ts b/src/compiler/compile/nodes/Binding.ts
index 39f6fa374e3..0c29f7ec67c 100644
--- a/src/compiler/compile/nodes/Binding.ts
+++ b/src/compiler/compile/nodes/Binding.ts
@@ -3,7 +3,7 @@ import get_object from '../utils/get_object';
 import Expression from './shared/Expression';
 import Component from '../Component';
 import TemplateScope from './shared/TemplateScope';
-import {dimensions} from '../../utils/patterns';
+import { regex_dimensions } from '../../utils/patterns';
 import { Node as ESTreeNode } from 'estree';
 import { TemplateNode } from '../../interfaces';
 import Element from './Element';
@@ -11,6 +11,7 @@ import InlineComponent from './InlineComponent';
 import Window from './Window';
 import { clone } from '../../utils/clone';
 import compiler_errors from '../compiler_errors';
+import compiler_warnings from '../compiler_warnings';
 
 // TODO this should live in a specific binding
 const read_only_media_attributes = new Set([
@@ -21,7 +22,10 @@ const read_only_media_attributes = new Set([
 	'seeking',
 	'ended',
 	'videoHeight',
-	'videoWidth'
+	'videoWidth',
+	'naturalWidth',
+	'naturalHeight',
+	'readyState'
 ]);
 
 export default class Binding extends Node {
@@ -47,6 +51,7 @@ export default class Binding extends Node {
 		const { name } = get_object(this.expression.node);
 
 		this.is_contextual = Array.from(this.expression.references).some(name => scope.names.has(name));
+		if (this.is_contextual) this.validate_binding_rest_properties(scope);
 
 		// make sure we track this as a mutable ref
 		if (scope.is_let(name)) {
@@ -78,7 +83,7 @@ export default class Binding extends Node {
 			variable[this.expression.node.type === 'MemberExpression' ? 'mutated' : 'reassigned'] = true;
 
 			if (info.expression.type === 'Identifier' && !variable.writable) {
-				component.error(this.expression.node as any, compiler_errors.invalid_binding_writibale);
+				component.error(this.expression.node as any, compiler_errors.invalid_binding_writable);
 				return;
 			}
 		}
@@ -86,7 +91,7 @@ export default class Binding extends Node {
 		const type = parent.get_static_attribute_value('type');
 
 		this.is_readonly =
-			dimensions.test(this.name) ||
+			regex_dimensions.test(this.name) ||
 			(isElement(parent) &&
 				((parent.is_media_node() && read_only_media_attributes.has(this.name)) ||
 					(parent.name === 'input' && type === 'file')) /* TODO others? */);
@@ -95,6 +100,18 @@ export default class Binding extends Node {
 	is_readonly_media_attribute() {
 		return read_only_media_attributes.has(this.name);
 	}
+
+	validate_binding_rest_properties(scope: TemplateScope) {
+		this.expression.references.forEach(name => {
+			const each_block = scope.get_owner(name);
+			if (each_block && each_block.type === 'EachBlock') {
+				const rest_node = each_block.context_rest_properties.get(name);
+				if (rest_node) {
+					this.component.warn(rest_node as any, compiler_warnings.invalid_rest_eachblock_binding(name));
+				}
+			}
+		});
+	}
 }
 
 function isElement(node: Node): node is Element {
diff --git a/src/compiler/compile/nodes/ConstTag.ts b/src/compiler/compile/nodes/ConstTag.ts
index 87a90390085..44a50aa005d 100644
--- a/src/compiler/compile/nodes/ConstTag.ts
+++ b/src/compiler/compile/nodes/ConstTag.ts
@@ -10,6 +10,7 @@ import { extract_identifiers } from 'periscopic';
 import is_reference, { NodeWithPropertyDefinition } from 'is-reference';
 import get_object from '../utils/get_object';
 import compiler_errors from '../compiler_errors';
+import { Node as ESTreeNode } from 'estree';
 
 const allowed_parents = new Set(['EachBlock', 'CatchBlock', 'ThenBlock', 'InlineComponent', 'SlotTemplate', 'IfBlock', 'ElseBlock']);
 
@@ -19,6 +20,7 @@ export default class ConstTag extends Node {
 	contexts: Context[] = [];
 	node: ConstTagType;
 	scope: TemplateScope;
+	context_rest_properties: Map<string, ESTreeNode> = new Map();
 
 	assignees: Set<string> = new Set();
   dependencies: Set<string> = new Set();
@@ -58,7 +60,8 @@ export default class ConstTag extends Node {
 			contexts: this.contexts,
 			node: this.node.expression.left,
 			scope: this.scope,
-			component: this.component
+			component: this.component,
+			context_rest_properties: this.context_rest_properties
 		});
 		this.expression = new Expression(this.component, this, this.scope, this.node.expression.right);
 		this.contexts.forEach(context => {
diff --git a/src/compiler/compile/nodes/EachBlock.ts b/src/compiler/compile/nodes/EachBlock.ts
index bea6fb79105..4a5ea19e377 100644
--- a/src/compiler/compile/nodes/EachBlock.ts
+++ b/src/compiler/compile/nodes/EachBlock.ts
@@ -28,7 +28,7 @@ export default class EachBlock extends AbstractBlock {
 	has_animation: boolean;
 	has_binding = false;
 	has_index_binding = false;
-
+	context_rest_properties: Map<string, Node>;
 	else?: ElseBlock;
 
 	constructor(component: Component, parent: Node, scope: TemplateScope, info: TemplateNode) {
@@ -40,9 +40,9 @@ export default class EachBlock extends AbstractBlock {
 		this.index = info.index;
 
 		this.scope = scope.child();
-
+		this.context_rest_properties = new Map();
 		this.contexts = [];
-		unpack_destructuring({ contexts: this.contexts, node: info.context, scope, component });
+		unpack_destructuring({ contexts: this.contexts, node: info.context, scope, component, context_rest_properties: this.context_rest_properties });
 
 		this.contexts.forEach(context => {
 			this.scope.add(context.key.name, this.expression.dependencies, this);
diff --git a/src/compiler/compile/nodes/Element.ts b/src/compiler/compile/nodes/Element.ts
index 735562d6274..0fdea77c166 100644
--- a/src/compiler/compile/nodes/Element.ts
+++ b/src/compiler/compile/nodes/Element.ts
@@ -1,4 +1,4 @@
-import { is_void } from '../../../shared/utils/names';
+import { is_html, is_svg, is_void } from '../../../shared/utils/names';
 import Node from './shared/Node';
 import Attribute from './Attribute';
 import Binding from './Binding';
@@ -11,7 +11,7 @@ import StyleDirective from './StyleDirective';
 import Text from './Text';
 import { namespaces } from '../../utils/namespaces';
 import map_children from './shared/map_children';
-import { dimensions, start_newline } from '../../utils/patterns';
+import { regex_dimensions, regex_starts_with_newline, regex_non_whitespace_character } from '../../utils/patterns';
 import fuzzymatch from '../../utils/fuzzymatch';
 import list from '../../utils/list';
 import Let from './Let';
@@ -23,14 +23,15 @@ import { string_literal } from '../utils/stringify';
 import { Literal } from 'estree';
 import compiler_warnings from '../compiler_warnings';
 import compiler_errors from '../compiler_errors';
-
-const svg = /^(?:altGlyph|altGlyphDef|altGlyphItem|animate|animateColor|animateMotion|animateTransform|circle|clipPath|color-profile|cursor|defs|desc|discard|ellipse|feBlend|feColorMatrix|feComponentTransfer|feComposite|feConvolveMatrix|feDiffuseLighting|feDisplacementMap|feDistantLight|feDropShadow|feFlood|feFuncA|feFuncB|feFuncG|feFuncR|feGaussianBlur|feImage|feMerge|feMergeNode|feMorphology|feOffset|fePointLight|feSpecularLighting|feSpotLight|feTile|feTurbulence|filter|font|font-face|font-face-format|font-face-name|font-face-src|font-face-uri|foreignObject|g|glyph|glyphRef|hatch|hatchpath|hkern|image|line|linearGradient|marker|mask|mesh|meshgradient|meshpatch|meshrow|metadata|missing-glyph|mpath|path|pattern|polygon|polyline|radialGradient|rect|set|solidcolor|stop|svg|switch|symbol|text|textPath|tref|tspan|unknown|use|view|vkern)$/;
+import { ARIARoleDefinitionKey, roles, aria, ARIAPropertyDefinition, ARIAProperty } from 'aria-query';
+import { is_interactive_element, is_non_interactive_roles, is_presentation_role, is_interactive_roles, is_hidden_from_screen_reader, is_semantic_role_element } from '../utils/a11y';
 
 const aria_attributes = 'activedescendant atomic autocomplete busy checked colcount colindex colspan controls current describedby description details disabled dropeffect errormessage expanded flowto grabbed haspopup hidden invalid keyshortcuts label labelledby level live modal multiline multiselectable orientation owns placeholder posinset pressed readonly relevant required roledescription rowcount rowindex rowspan selected setsize sort valuemax valuemin valuenow valuetext'.split(' ');
 const aria_attribute_set = new Set(aria_attributes);
 
-const aria_roles = 'alert alertdialog application article banner blockquote button caption cell checkbox code columnheader combobox complementary contentinfo definition deletion dialog directory document emphasis feed figure form generic graphics-document graphics-object graphics-symbol grid gridcell group heading img link list listbox listitem log main marquee math meter menu menubar menuitem menuitemcheckbox menuitemradio navigation none note option paragraph presentation progressbar radio radiogroup region row rowgroup rowheader scrollbar search searchbox separator slider spinbutton status strong subscript superscript switch tab table tablist tabpanel term textbox time timer toolbar tooltip tree treegrid treeitem'.split(' ');
+const aria_roles = roles.keys();
 const aria_role_set = new Set(aria_roles);
+const aria_role_abstract_set = new Set(roles.keys().filter(role => roles.get(role).abstract));
 
 const a11y_required_attributes = {
 	a: ['href'],
@@ -81,11 +82,15 @@ const a11y_nested_implicit_semantics = new Map([
 
 const a11y_implicit_semantics = new Map([
 	['a', 'link'],
+	['area', 'link'],
+	['article', 'article'],
 	['aside', 'complementary'],
 	['body', 'document'],
+	['button', 'button'],
 	['datalist', 'listbox'],
 	['dd', 'definition'],
 	['dfn', 'term'],
+	['dialog', 'dialog'],
 	['details', 'group'],
 	['dt', 'term'],
 	['fieldset', 'group'],
@@ -97,10 +102,14 @@ const a11y_implicit_semantics = new Map([
 	['h5', 'heading'],
 	['h6', 'heading'],
 	['hr', 'separator'],
+	['img', 'img'],
 	['li', 'listitem'],
+	['link', 'link'],
 	['menu', 'list'],
+	['meter', 'progressbar'],
 	['nav', 'navigation'],
 	['ol', 'list'],
+	['option', 'option'],
 	['optgroup', 'group'],
 	['output', 'status'],
 	['progress', 'progressbar'],
@@ -114,11 +123,67 @@ const a11y_implicit_semantics = new Map([
 	['ul', 'list']
 ]);
 
+const menuitem_type_to_implicit_role = new Map([
+  ['command', 'menuitem'],
+  ['checkbox', 'menuitemcheckbox'],
+  ['radio', 'menuitemradio']
+]);
+
+const input_type_to_implicit_role = new Map([
+  ['button', 'button'],
+  ['image', 'button'],
+  ['reset', 'button'],
+  ['submit', 'button'],
+  ['checkbox', 'checkbox'],
+  ['radio', 'radio'],
+  ['range', 'slider'],
+  ['number', 'spinbutton'],
+  ['email', 'textbox'],
+  ['search', 'searchbox'],
+  ['tel', 'textbox'],
+  ['text', 'textbox'],
+  ['url', 'textbox']
+]);
+
+const combobox_if_list = new Set(['email', 'search', 'tel', 'text', 'url']);
+
+function input_implicit_role(attribute_map: Map<string, Attribute>) {
+  const type_attribute = attribute_map.get('type');
+  if (!type_attribute || !type_attribute.is_static) return;
+  const type = type_attribute.get_static_value() as string;
+
+  const list_attribute_exists = attribute_map.has('list');
+
+  if (list_attribute_exists && combobox_if_list.has(type)) {
+	return 'combobox';
+  }
+
+  return input_type_to_implicit_role.get(type);
+}
+
+function menuitem_implicit_role(attribute_map: Map<string, Attribute>) {
+  const type_attribute = attribute_map.get('type');
+  if (!type_attribute || !type_attribute.is_static) return;
+  const type = type_attribute.get_static_value() as string;
+  return menuitem_type_to_implicit_role.get(type);
+}
+
+function get_implicit_role(name: string, attribute_map: Map<string, Attribute>) : (string | undefined) {
+  if (name === 'menuitem') {
+	return menuitem_implicit_role(attribute_map);
+  } else if (name === 'input') {
+	return input_implicit_role(attribute_map);
+  } else {
+	return a11y_implicit_semantics.get(name);
+  }
+}
+
 const invisible_elements = new Set(['meta', 'html', 'script', 'style']);
 
 const valid_modifiers = new Set([
 	'preventDefault',
 	'stopPropagation',
+	'stopImmediatePropagation',
 	'capture',
 	'once',
 	'passive',
@@ -163,19 +228,49 @@ function get_namespace(parent: Element, element: Element, explicit_namespace: st
 	const parent_element = parent.find_nearest(/^Element/);
 
 	if (!parent_element) {
-		return explicit_namespace || (svg.test(element.name)
+		return explicit_namespace || (is_svg(element.name)
 			? namespaces.svg
 			: null);
 	}
 
 	if (parent_element.namespace !== namespaces.foreign) {
-		if (svg.test(element.name.toLowerCase())) return namespaces.svg;
+		if (is_svg(element.name.toLowerCase())) return namespaces.svg;
 		if (parent_element.name.toLowerCase() === 'foreignobject') return null;
 	}
 
 	return parent_element.namespace;
 }
 
+function is_valid_aria_attribute_value(schema: ARIAPropertyDefinition, value: string | boolean): boolean {
+	switch (schema.type) {
+		case 'boolean':
+			return typeof value === 'boolean';
+		case 'string':
+		case 'id':
+			return typeof value === 'string';
+		case 'tristate':
+			return typeof value === 'boolean' || value === 'mixed';
+		case 'integer':
+		case 'number':
+			return typeof value !== 'boolean' && isNaN(Number(value)) === false;
+		case 'token': // single token
+			return (schema.values || [])
+				.indexOf(typeof value === 'string' ? value.toLowerCase() : value) > -1;
+		case 'idlist': // if list of ids, split each
+			return typeof value === 'string'
+				&& value.split(regex_any_repeated_whitespaces).every((id) => typeof id === 'string');
+		case 'tokenlist': // if list of tokens, split each
+			return typeof value === 'string'
+				&& value.split(regex_any_repeated_whitespaces).every((token) => (schema.values || []).indexOf(token.toLowerCase()) > -1);
+		default:
+			return false;
+	}
+}
+
+const regex_any_repeated_whitespaces = /[\s]+/g;
+const regex_heading_tags = /^h[1-6]$/;
+const regex_illegal_attribute_character = /(^[0-9-.])|[\^$@%&#?!|()[\]{}^*+~;]/;
+
 export default class Element extends Node {
 	type: 'Element';
 	name: string;
@@ -194,6 +289,7 @@ export default class Element extends Node {
 	namespace: string;
 	needs_manual_style_scoping: boolean;
 	tag_expr: Expression;
+	contains_a11y_label: boolean;
 
 	get is_dynamic_element() {
 		return this.name === 'svelte:element';
@@ -208,6 +304,7 @@ export default class Element extends Node {
 				this.tag_expr = new Expression(component, this, scope, info.tag);
 			} else {
 				this.tag_expr = new Expression(component, this, scope, string_literal(info.tag) as Literal);
+				this.name = info.tag;
 			}
 		} else {
 			this.tag_expr = new Expression(component, this, scope, string_literal(this.name) as Literal);
@@ -219,14 +316,14 @@ export default class Element extends Node {
 			if (this.name === 'pre' || this.name === 'textarea') {
 				const first = info.children[0];
 				if (first && first.type === 'Text') {
-					// The leading newline character needs to be stripped because of a qirk,
+					// The leading newline character needs to be stripped because of a quirk,
 					// it is ignored by browsers if the tag and its contents are set through
 					// innerHTML (NOT if set through the innerHTML of the tag or dynamically).
 					// Therefore strip it here but add it back in the appropriate
 					// places if there's another newline afterwards.
 					// see https://html.spec.whatwg.org/multipage/syntax.html#element-restrictions
 					// see https://html.spec.whatwg.org/multipage/grouping-content.html#the-pre-element
-					first.data = first.data.replace(start_newline, '');
+					first.data = first.data.replace(regex_starts_with_newline, '');
 				}
 			}
 
@@ -344,7 +441,7 @@ export default class Element extends Node {
 	}
 
 	validate() {
-		if (this.component.var_lookup.has(this.name) && this.component.var_lookup.get(this.name).imported) {
+		if (this.component.var_lookup.has(this.name) && this.component.var_lookup.get(this.name).imported && !is_svg(this.name) && !is_html(this.name)) {
 			this.component.warn(this, compiler_warnings.component_name_lowercase(this.name));
 		}
 
@@ -371,7 +468,7 @@ export default class Element extends Node {
 
 			// Errors
 
-			if (/(^[0-9-.])|[\^$@%&#?!|()[\]{}^*+~;]/.test(name)) {
+			if (regex_illegal_attribute_character.test(name)) {
 				return component.error(attribute, compiler_errors.illegal_attribute(name));
 			}
 
@@ -407,9 +504,19 @@ export default class Element extends Node {
 	}
 
 	validate_attributes_a11y() {
-		const { component } = this;
+		const { component, attributes, handlers } = this;
 
-		this.attributes.forEach(attribute => {
+		const attribute_map = new Map<string, Attribute>();
+		const handlers_map = new Map();
+
+		attributes.forEach(attribute => (
+			attribute_map.set(attribute.name, attribute)
+		));
+		handlers.forEach(handler => (
+			handlers_map.set(handler.name, handler)
+		));
+
+		attributes.forEach(attribute => {
 			if (attribute.is_spread) return;
 
 			const name = attribute.name.toLowerCase();
@@ -427,9 +534,26 @@ export default class Element extends Node {
 					component.warn(attribute, compiler_warnings.a11y_unknown_aria_attribute(type, match));
 				}
 
-				if (name === 'aria-hidden' && /^h[1-6]$/.test(this.name)) {
+				if (name === 'aria-hidden' && regex_heading_tags.test(this.name)) {
 					component.warn(attribute, compiler_warnings.a11y_hidden(this.name));
 				}
+
+				// aria-proptypes
+				let value = attribute.get_static_value();
+				if (value === 'true') value = true;
+				if (value === 'false') value = false;
+
+				if (value !== null && value !== undefined && aria.has(name as ARIAProperty)) {
+					const schema = aria.get(name as ARIAProperty);
+					if (!is_valid_aria_attribute_value(schema, value)) {
+						component.warn(attribute, compiler_warnings.a11y_incorrect_attribute_type(schema, name));
+					}
+				}
+
+				// aria-activedescendant-has-tabindex
+				if (name === 'aria-activedescendant' && !this.is_dynamic_element && !is_interactive_element(this.name, attribute_map) && !attribute_map.has('tabindex')) {
+					component.warn(attribute, compiler_warnings.a11y_aria_activedescendant_has_tabindex);
+				}
 			}
 
 			// aria-role
@@ -440,27 +564,51 @@ export default class Element extends Node {
 				}
 
 				const value = attribute.get_static_value();
-				// @ts-ignore
-				if (value && !aria_role_set.has(value)) {
-					// @ts-ignore
-					const match = fuzzymatch(value, aria_roles);
-					component.warn(attribute, compiler_warnings.a11y_unknown_role(value, match));
-				}
 
-				// no-redundant-roles
-				const has_redundant_role = value === a11y_implicit_semantics.get(this.name);
+				if (typeof value === 'string') {
+					value.split(regex_any_repeated_whitespaces).forEach((current_role: ARIARoleDefinitionKey) => {
+						if (current_role && aria_role_abstract_set.has(current_role)) {
+							component.warn(attribute, compiler_warnings.a11y_no_abstract_role(current_role));
+						} else if (current_role && !aria_role_set.has(current_role)) {
+							const match = fuzzymatch(current_role, aria_roles);
+							component.warn(attribute, compiler_warnings.a11y_unknown_role(current_role, match));
+						}
 
-				if (this.name === value || has_redundant_role) {
-					component.warn(attribute, compiler_warnings.a11y_no_redundant_roles(value));
-				}
+						// no-redundant-roles
+						const has_redundant_role = current_role === get_implicit_role(this.name, attribute_map);
+
+						if (this.name === current_role || has_redundant_role) {
+							component.warn(attribute, compiler_warnings.a11y_no_redundant_roles(current_role));
+						}
+
+						// Footers and headers are special cases, and should not have redundant roles unless they are the children of sections or articles.
+						const is_parent_section_or_article = is_parent(this.parent, ['section', 'article']);
+						if (!is_parent_section_or_article) {
+							const has_nested_redundant_role = current_role === a11y_nested_implicit_semantics.get(this.name);
+							if (has_nested_redundant_role) {
+								component.warn(attribute, compiler_warnings.a11y_no_redundant_roles(current_role));
+							}
+						}
+
+						// role-has-required-aria-props
+						if (!this.is_dynamic_element && !is_semantic_role_element(current_role, this.name, attribute_map)) {
+							const role = roles.get(current_role);
+							if (role) {
+								const required_role_props = Object.keys(role.requiredProps);
+								const has_missing_props = required_role_props.some(prop => !attributes.find(a => a.name === prop));
+
+								if (has_missing_props) {
+									component.warn(attribute, compiler_warnings.a11y_role_has_required_aria_props(current_role, required_role_props));
+								}
+							}
+						}
+
+						// no-interactive-element-to-noninteractive-role
+						if (is_interactive_element(this.name, attribute_map) && (is_non_interactive_roles(current_role) || is_presentation_role(current_role))) {
+							component.warn(this, compiler_warnings.a11y_no_interactive_element_to_noninteractive_role(current_role, this.name));
+						}
+					});
 
-				// Footers and headers are special cases, and should not have redundant roles unless they are the children of sections or articles.
-				const is_parent_section_or_article = is_parent(this.parent, ['section', 'article']);
-				if (!is_parent_section_or_article) {
-					const has_nested_redundant_role = value === a11y_nested_implicit_semantics.get(this.name);
-					if (has_nested_redundant_role) {
-						component.warn(attribute, compiler_warnings.a11y_no_redundant_roles(value));
-					}
 				}
 			}
 
@@ -475,7 +623,7 @@ export default class Element extends Node {
 			}
 
 			// scope
-			if (name === 'scope' && this.name !== 'th') {
+			if (name === 'scope' && !this.is_dynamic_element && this.name !== 'th') {
 				component.warn(attribute, compiler_warnings.a11y_misplaced_scope);
 			}
 
@@ -488,8 +636,58 @@ export default class Element extends Node {
 				}
 			}
 		});
-	}
 
+		// click-events-have-key-events
+		if (handlers_map.has('click')) {
+			const role = attribute_map.get('role');
+			const is_non_presentation_role = role?.is_static && !is_presentation_role(role.get_static_value() as ARIARoleDefinitionKey);
+
+			if (
+				!this.is_dynamic_element && 
+				!is_hidden_from_screen_reader(this.name, attribute_map) &&
+				(!role || is_non_presentation_role) &&
+				!is_interactive_element(this.name, attribute_map) &&
+				!this.attributes.find(attr => attr.is_spread)
+			) {
+				const has_key_event =
+					handlers_map.has('keydown') ||
+					handlers_map.has('keyup') ||
+					handlers_map.has('keypress');
+
+				if (!has_key_event) {
+					component.warn(
+						this,
+						compiler_warnings.a11y_click_events_have_key_events
+					);
+				}
+			}
+		}
+
+		// no-noninteractive-tabindex
+		if (!this.is_dynamic_element && !is_interactive_element(this.name, attribute_map) && !is_interactive_roles(attribute_map.get('role')?.get_static_value() as ARIARoleDefinitionKey)) {
+			const tab_index = attribute_map.get('tabindex');
+			if (tab_index && (!tab_index.is_static || Number(tab_index.get_static_value()) >= 0)) {
+				component.warn(this, compiler_warnings.a11y_no_noninteractive_tabindex);
+			}
+		}
+
+		// role-supports-aria-props
+		const role = attribute_map.get('role');
+		const role_value = (role ? role.get_static_value() : get_implicit_role(this.name, attribute_map)) as ARIARoleDefinitionKey;
+		if (typeof role_value === 'string' && roles.has(role_value)) {
+			const { props } = roles.get(role_value);
+			const invalid_aria_props = new Set(aria.keys().filter(attribute => !(attribute in props)));
+			const is_implicit = role_value && role === undefined;
+
+			attributes
+				.filter(prop => prop.type !== 'Spread')
+				.forEach(prop => {
+					if (invalid_aria_props.has(prop.name as ARIAProperty)) {
+						component.warn(prop, compiler_warnings.a11y_role_supports_aria_props(prop.name, role_value, is_implicit, this.name));
+					}
+				});
+		}
+	}
 
 	validate_special_cases() {
 		const { component, attributes, handlers } = this;
@@ -509,6 +707,36 @@ export default class Element extends Node {
 			const href_attribute = attribute_map.get('href') || attribute_map.get('xlink:href');
 			const id_attribute = attribute_map.get('id');
 			const name_attribute = attribute_map.get('name');
+			const target_attribute = attribute_map.get('target');
+			const aria_label_attribute = attribute_map.get('aria-label');
+
+			// links with target="_blank" should have noopener or noreferrer: https://developer.chrome.com/docs/lighthouse/best-practices/external-anchors-use-rel-noopener/
+			// modern browsers add noopener by default, so we only need to check legacy browsers
+			// legacy browsers don't support noopener so we only check for noreferrer there
+			if (component.compile_options.legacy && target_attribute && target_attribute.get_static_value() === '_blank' && href_attribute) {
+				const href_static_value = href_attribute.get_static_value() ? href_attribute.get_static_value().toLowerCase() : null;
+
+				if (href_static_value === null || href_static_value.match(/^(https?:)?\/\//i)) {
+					const rel = attribute_map.get('rel');
+					if (rel == null || rel.is_static) {
+						const rel_values = rel ? rel.get_static_value().split(regex_any_repeated_whitespaces) : [];
+						if (!rel || !rel_values.includes('noreferrer')) {
+								component.warn(this, {
+									code: 'security-anchor-rel-noreferrer',
+									message:
+										'Security: Anchor with "target=_blank" should have rel attribute containing the value "noreferrer"'
+								});
+						}
+					}
+				}
+			}
+
+			if (aria_label_attribute) {
+				const aria_value = aria_label_attribute.get_static_value();
+				if (aria_value != '') {
+					this.contains_a11y_label = true;
+				}
+			}
 
 			if (href_attribute) {
 				const href_value = href_attribute.get_static_value();
@@ -563,14 +791,33 @@ export default class Element extends Node {
 		}
 
 		if (this.name === 'label') {
-			const has_input_child = this.children.some(i => (i instanceof Element && a11y_labelable.has(i.name) ));
-			if (!attribute_map.has('for') && !has_input_child) {
+			const has_input_child = (children: INode[]) => {
+				if (children.some(child => (child instanceof Element && (a11y_labelable.has(child.name) || child.name === 'slot')))) {
+					return true;
+				}
+
+				for (const child of children) {
+					if (!('children' in child) || child.children.length === 0) {
+						continue;
+					}
+					if (has_input_child(child.children)) {
+						return true;
+					}
+				}
+
+				return false;
+			};
+
+			if (!attribute_map.has('for') && !has_input_child(this.children)) {
 				component.warn(this, compiler_warnings.a11y_label_has_associated_control);
 			}
 		}
 
 		if (this.name === 'video') {
-			if (attribute_map.has('muted')) {
+			const aria_hidden_attribute = attribute_map.get('aria-hidden');
+			const aria_hidden_exist = aria_hidden_attribute && aria_hidden_attribute.get_static_value();
+
+			if (attribute_map.has('muted') || aria_hidden_exist === 'true') {
 				return;
 			}
 
@@ -613,7 +860,7 @@ export default class Element extends Node {
 		if (this.name === 'figure') {
 			const children = this.children.filter(node => {
 				if (node.type === 'Comment') return false;
-				if (node.type === 'Text') return /\S/.test(node.data);
+				if (node.type === 'Text') return regex_non_whitespace_character.test(node.data);
 				return true;
 			});
 
@@ -733,7 +980,8 @@ export default class Element extends Node {
 				name === 'muted' ||
 				name === 'playbackRate' ||
 				name === 'seeking' ||
-				name === 'ended'
+				name === 'ended' ||
+				name === 'readyState'
 			) {
 				if (this.name !== 'audio' && this.name !== 'video') {
 					return component.error(binding, compiler_errors.invalid_binding_element_with('audio> or <video>', name));
@@ -745,14 +993,21 @@ export default class Element extends Node {
 				if (this.name !== 'video') {
 					return component.error(binding, compiler_errors.invalid_binding_element_with('<video>', name));
 				}
-			} else if (dimensions.test(name)) {
+			} else if (regex_dimensions.test(name)) {
 				if (this.name === 'svg' && (name === 'offsetWidth' || name === 'offsetHeight')) {
 					return component.error(binding, compiler_errors.invalid_binding_on(binding.name, `<svg>. Use '${name.replace('offset', 'client')}' instead`));
-				} else if (svg.test(this.name)) {
+				} else if (is_svg(this.name)) {
 					return component.error(binding, compiler_errors.invalid_binding_on(binding.name, 'SVG elements'));
 				} else if (is_void(this.name)) {
 					return component.error(binding, compiler_errors.invalid_binding_on(binding.name, `void elements like <${this.name}>. Use a wrapper element instead`));
 				}
+			} else if (
+				name === 'naturalWidth' ||
+				name === 'naturalHeight'
+			) {
+				if (this.name !== 'img') {
+					return component.error(binding, compiler_errors.invalid_binding_element_with('<img>', name));
+				}
 			} else if (
 				name === 'textContent' ||
 				name === 'innerHTML'
@@ -774,6 +1029,7 @@ export default class Element extends Node {
 
 	validate_content() {
 		if (!a11y_required_content.has(this.name)) return;
+		if (this.contains_a11y_label) return;
 		if (
 			this.bindings
 				.some((binding) => ['textContent', 'innerHTML'].includes(binding.name))
@@ -872,7 +1128,7 @@ export default class Element extends Node {
 			if (attribute && !attribute.is_true) {
 				attribute.chunks.forEach((chunk, index) => {
 					if (chunk.type === 'Text') {
-						let data = chunk.data.replace(/[\s\n\t]+/g, ' ');
+						let data = chunk.data.replace(regex_any_repeated_whitespaces, ' ');
 						if (index === 0) {
 							data = data.trimLeft();
 						} else if (index === attribute.chunks.length - 1) {
@@ -886,12 +1142,14 @@ export default class Element extends Node {
 	}
 }
 
+const regex_starts_with_vowel = /^[aeiou]/;
+
 function should_have_attribute(
 	node,
 	attributes: string[],
 	name = node.name
 ) {
-	const article = /^[aeiou]/.test(attributes[0]) ? 'an' : 'a';
+	const article = regex_starts_with_vowel.test(attributes[0]) ? 'an' : 'a';
 	const sequence = attributes.length > 1 ?
 		attributes.slice(0, -1).join(', ') + ` or ${attributes[attributes.length - 1]}` :
 		attributes[0];
@@ -899,10 +1157,12 @@ function should_have_attribute(
 	node.component.warn(node, compiler_warnings.a11y_missing_attribute(name, article, sequence));
 }
 
+const regex_minus_sign = /-/;
+
 function within_custom_element(parent: INode) {
 	while (parent) {
 		if (parent.type === 'InlineComponent') return false;
-		if (parent.type === 'Element' && /-/.test(parent.name)) return true;
+		if (parent.type === 'Element' && regex_minus_sign.test(parent.name)) return true;
 		parent = parent.parent;
 	}
 	return false;
diff --git a/src/compiler/compile/nodes/EventHandler.ts b/src/compiler/compile/nodes/EventHandler.ts
index 1bac53b6afa..4b426580b3a 100644
--- a/src/compiler/compile/nodes/EventHandler.ts
+++ b/src/compiler/compile/nodes/EventHandler.ts
@@ -6,6 +6,8 @@ import { Identifier } from 'estree';
 import TemplateScope from './shared/TemplateScope';
 import { TemplateNode } from '../../interfaces';
 
+const regex_contains_term_function_expression = /FunctionExpression/;
+
 export default class EventHandler extends Node {
 	type: 'EventHandler';
 	name: string;
@@ -25,7 +27,7 @@ export default class EventHandler extends Node {
 			this.expression = new Expression(component, this, template_scope, info.expression);
 			this.uses_context = this.expression.uses_context;
 
-			if (/FunctionExpression/.test(info.expression.type) && info.expression.params.length === 0) {
+			if (regex_contains_term_function_expression.test(info.expression.type) && info.expression.params.length === 0) {
 				// TODO make this detection more accurate — if `event.preventDefault` isn't called, and
 				// `event` is passed to another function, we can make it passive
 				this.can_make_passive = true;
@@ -55,7 +57,7 @@ export default class EventHandler extends Node {
 		}
 		const node = this.expression.node;
 
-		if (/FunctionExpression/.test(node.type)) {
+		if (regex_contains_term_function_expression.test(node.type)) {
 			return false;
 		}
 
diff --git a/src/compiler/compile/nodes/Head.ts b/src/compiler/compile/nodes/Head.ts
index fb000e0d5ba..1ebe0c053aa 100644
--- a/src/compiler/compile/nodes/Head.ts
+++ b/src/compiler/compile/nodes/Head.ts
@@ -5,6 +5,7 @@ import Component from '../Component';
 import TemplateScope from './shared/TemplateScope';
 import { TemplateNode } from '../../interfaces';
 import compiler_errors from '../compiler_errors';
+import { regex_non_whitespace_character } from '../../utils/patterns';
 
 export default class Head extends Node {
 	type: 'Head';
@@ -20,7 +21,7 @@ export default class Head extends Node {
 		}
 
 		this.children = map_children(component, parent, scope, info.children.filter(child => {
-			return (child.type !== 'Text' || /\S/.test(child.data));
+			return (child.type !== 'Text' || regex_non_whitespace_character.test(child.data));
 		}));
 
 		if (this.children.length > 0) {
diff --git a/src/compiler/compile/nodes/InlineComponent.ts b/src/compiler/compile/nodes/InlineComponent.ts
index 13fb13c2785..e9ac86a55cf 100644
--- a/src/compiler/compile/nodes/InlineComponent.ts
+++ b/src/compiler/compile/nodes/InlineComponent.ts
@@ -10,6 +10,7 @@ import TemplateScope from './shared/TemplateScope';
 import { INode } from './interfaces';
 import { TemplateNode } from '../../interfaces';
 import compiler_errors from '../compiler_errors';
+import { regex_only_whitespaces } from '../../utils/patterns';
 
 export default class InlineComponent extends Node {
 	type: 'InlineComponent';
@@ -22,6 +23,7 @@ export default class InlineComponent extends Node {
 	css_custom_properties: Attribute[] = [];
 	children: INode[];
 	scope: TemplateScope;
+	namespace: string;
 
 	constructor(component: Component, parent: Node, scope: TemplateScope, info: TemplateNode) {
 		super(component, parent, scope, info);
@@ -33,6 +35,7 @@ export default class InlineComponent extends Node {
 		}
 
 		this.name = info.name;
+		this.namespace = get_namespace(parent, component.namespace);
 
 		this.expression = this.name === 'svelte:component'
 			? new Expression(component, this, scope, info.expression)
@@ -71,10 +74,10 @@ export default class InlineComponent extends Node {
 
 				case 'Transition':
 					return component.error(node, compiler_errors.invalid_transition);
-				
+
 				case 'StyleDirective':
 					return component.error(node, compiler_errors.invalid_component_style_directive);
-	
+
 				default:
 					throw new Error(`Not implemented: ${node.type}`);
 			}
@@ -140,6 +143,8 @@ export default class InlineComponent extends Node {
 
 				children.push(slot_template);
 				info.children.splice(i, 1);
+			} else if (child.type === 'Comment' && children.length > 0) {
+				children[children.length - 1].children.unshift(child);
 			}
 		}
 
@@ -163,5 +168,15 @@ export default class InlineComponent extends Node {
 }
 
 function not_whitespace_text(node) {
-	return !(node.type === 'Text' && /^\s+$/.test(node.data));
+	return !(node.type === 'Text' && regex_only_whitespaces.test(node.data));
+}
+
+function get_namespace(parent: Node, explicit_namespace: string) {
+	const parent_element = parent.find_nearest(/^Element/);
+
+	if (!parent_element) {
+		return explicit_namespace;
+	}
+
+	return parent_element.namespace;
 }
diff --git a/src/compiler/compile/nodes/RawMustacheTag.ts b/src/compiler/compile/nodes/RawMustacheTag.ts
index fc638859426..816ef8d7c57 100644
--- a/src/compiler/compile/nodes/RawMustacheTag.ts
+++ b/src/compiler/compile/nodes/RawMustacheTag.ts
@@ -1,5 +1,5 @@
 import Tag from './shared/Tag';
 
 export default class RawMustacheTag extends Tag {
-	type: 'RawMustacheTag'
+	type: 'RawMustacheTag';
 }
diff --git a/src/compiler/compile/nodes/StyleDirective.ts b/src/compiler/compile/nodes/StyleDirective.ts
index ea340cf2dc2..01af8cc62e8 100644
--- a/src/compiler/compile/nodes/StyleDirective.ts
+++ b/src/compiler/compile/nodes/StyleDirective.ts
@@ -1,20 +1,42 @@
 import { TemplateNode } from '../../interfaces';
+import list from '../../utils/list';
+import compiler_errors from '../compiler_errors';
 import Component from '../Component';
 import { nodes_to_template_literal } from '../utils/nodes_to_template_literal';
 import Expression from './shared/Expression';
 import Node from './shared/Node';
 import TemplateScope from './shared/TemplateScope';
 
+const valid_modifiers = new Set(['important']);
+
 export default class StyleDirective extends Node {
 	type: 'StyleDirective';
 	name: string;
+	modifiers: Set<string>;
 	expression: Expression;
 	should_cache: boolean;
 
-	constructor(component: Component, parent: Node, scope: TemplateScope, info: TemplateNode) {
+	constructor(
+		component: Component,
+		parent: Node,
+		scope: TemplateScope,
+		info: TemplateNode
+	) {
 		super(component, parent, scope, info);
 
 		this.name = info.name;
+		this.modifiers = new Set(info.modifiers);
+
+		for (const modifier of this.modifiers) {
+			if (!valid_modifiers.has(modifier)) {
+				component.error(
+					this,
+					compiler_errors.invalid_style_directive_modifier(
+						list([...valid_modifiers])
+					)
+				);
+			}
+		}
 
 		// Convert the value array to an expression so it's easier to handle
 		// the StyleDirective going forward.
@@ -34,6 +56,9 @@ export default class StyleDirective extends Node {
 			this.expression = new Expression(component, this, scope, raw_expression);
 			this.should_cache = raw_expression.expressions.length > 0;
 		}
+	}
 
+	get important() {
+		return this.modifiers.has('important');
 	}
 }
diff --git a/src/compiler/compile/nodes/Text.ts b/src/compiler/compile/nodes/Text.ts
index 347beb9c230..ac6cd9b8287 100644
--- a/src/compiler/compile/nodes/Text.ts
+++ b/src/compiler/compile/nodes/Text.ts
@@ -3,6 +3,7 @@ import Component from '../Component';
 import TemplateScope from './shared/TemplateScope';
 import { INode } from './interfaces';
 import { TemplateNode } from '../../interfaces';
+import { regex_non_whitespace_character } from '../../utils/patterns';
 
 // Whitespace inside one of these elements will not result in
 // a whitespace node being created in any circumstances. (This
@@ -16,6 +17,8 @@ const elements_without_text = new Set([
 	'video'
 ]);
 
+const regex_ends_with_svg = /svg$/;
+
 export default class Text extends Node {
 	type: 'Text';
 	data: string;
@@ -28,7 +31,7 @@ export default class Text extends Node {
 	}
 
 	should_skip() {
-		if (/\S/.test(this.data)) return false;
+		if (regex_non_whitespace_character.test(this.data)) return false;
 
 		const parent_element = this.find_nearest(/(?:Element|InlineComponent|SlotTemplate|Head)/);
 		if (!parent_element) return false;
@@ -37,7 +40,7 @@ export default class Text extends Node {
 		if (parent_element.type === 'InlineComponent') return parent_element.children.length === 1 && this === parent_element.children[0];
 
 		// svg namespace exclusions
-		if (/svg$/.test(parent_element.namespace)) {
+		if (regex_ends_with_svg.test(parent_element.namespace)) {
 			if (this.prev && this.prev.type === 'Element' && this.prev.name === 'tspan') return false;
 		}
 
diff --git a/src/compiler/compile/nodes/shared/AbstractBlock.ts b/src/compiler/compile/nodes/shared/AbstractBlock.ts
index 04917f5a6b9..91af3fc0f70 100644
--- a/src/compiler/compile/nodes/shared/AbstractBlock.ts
+++ b/src/compiler/compile/nodes/shared/AbstractBlock.ts
@@ -4,6 +4,8 @@ import Node from './Node';
 import { INode } from '../interfaces';
 import compiler_warnings from '../../compiler_warnings';
 
+const regex_non_whitespace_characters = /[^ \r\n\f\v\t]/;
+
 export default class AbstractBlock extends Node {
 	block: Block;
 	children: INode[];
@@ -17,7 +19,7 @@ export default class AbstractBlock extends Node {
 
 		const child = this.children[0];
 
-		if (!child || (child.type === 'Text' && !/[^ \r\n\f\v\t]/.test(child.data))) {
+		if (!child || (child.type === 'Text' && !regex_non_whitespace_characters.test(child.data))) {
 			this.component.warn(this, compiler_warnings.empty_block);
 		}
 	}
diff --git a/src/compiler/compile/nodes/shared/Context.ts b/src/compiler/compile/nodes/shared/Context.ts
index 670f0531e6b..47180d24cd3 100644
--- a/src/compiler/compile/nodes/shared/Context.ts
+++ b/src/compiler/compile/nodes/shared/Context.ts
@@ -20,7 +20,8 @@ export function unpack_destructuring({
 	modifier = (node) => node,
 	default_modifier = (node) => node,
 	scope,
-	component
+	component,
+	context_rest_properties
 }: {
 	contexts: Context[];
 	node: Node;
@@ -28,6 +29,7 @@ export function unpack_destructuring({
 	default_modifier?: Context['default_modifier'];
 	scope: TemplateScope;
 	component: Component;
+	context_rest_properties: Map<string, Node>;
 }) {
 	if (!node) return;
 
@@ -43,6 +45,7 @@ export function unpack_destructuring({
 			modifier,
 			default_modifier
 		});
+		context_rest_properties.set((node.argument as Identifier).name, node);
 	} else if (node.type === 'ArrayPattern') {
 		node.elements.forEach((element, i) => {
 			if (element && element.type === 'RestElement') {
@@ -52,8 +55,10 @@ export function unpack_destructuring({
 					modifier: (node) => x`${modifier(node)}.slice(${i})` as Node,
 					default_modifier,
 					scope,
-					component
+					component,
+					context_rest_properties
 				});
+				context_rest_properties.set((element.argument as Identifier).name, element);
 			} else if (element && element.type === 'AssignmentPattern') {
 				const n = contexts.length;
 				mark_referenced(element.right, scope, component);
@@ -70,7 +75,8 @@ export function unpack_destructuring({
 							to_ctx
 						)}` as Node,
 					scope,
-					component
+					component,
+					context_rest_properties
 				});
 			} else {
 				unpack_destructuring({
@@ -79,7 +85,8 @@ export function unpack_destructuring({
 					modifier: (node) => x`${modifier(node)}[${i}]` as Node,
 					default_modifier,
 					scope,
-					component
+					component,
+					context_rest_properties
 				});
 			}
 		});
@@ -97,8 +104,10 @@ export function unpack_destructuring({
 						)}, [${used_properties}])` as Node,
 					default_modifier,
 					scope,
-					component
+					component,
+					context_rest_properties
 				});
+				context_rest_properties.set((property.argument as Identifier).name, property);
 			} else {
 				const key = property.key as Identifier;
 				const value = property.value;
@@ -121,7 +130,8 @@ export function unpack_destructuring({
 								to_ctx
 							)}` as Node,
 						scope,
-						component
+						component,
+						context_rest_properties
 					});
 				} else {
 					unpack_destructuring({
@@ -130,7 +140,8 @@ export function unpack_destructuring({
 						modifier: (node) => x`${modifier(node)}.${key.name}` as Node,
 						default_modifier,
 						scope,
-						component
+						component,
+						context_rest_properties
 					});
 				}
 			}
diff --git a/src/compiler/compile/nodes/shared/Expression.ts b/src/compiler/compile/nodes/shared/Expression.ts
index a773355e311..1b1558ec17f 100644
--- a/src/compiler/compile/nodes/shared/Expression.ts
+++ b/src/compiler/compile/nodes/shared/Expression.ts
@@ -21,6 +21,8 @@ import compiler_errors from '../../compiler_errors';
 
 type Owner = INode;
 
+const regex_contains_term_function_expression = /FunctionExpression/;
+
 export default class Expression {
 	type: 'Expression' = 'Expression';
 	component: Component;
@@ -72,7 +74,7 @@ export default class Expression {
 					scope = map.get(node);
 				}
 
-				if (!function_expression && /FunctionExpression/.test(node.type)) {
+				if (!function_expression && regex_contains_term_function_expression.test(node.type)) {
 					function_expression = node;
 				}
 
@@ -126,6 +128,7 @@ export default class Expression {
 						deep = node.left.type === 'MemberExpression';
 						names = extract_names(deep ? get_object(node.left) : node.left);
 					} else if (node.type === 'UpdateExpression') {
+                        deep = node.argument.type === 'MemberExpression';
 						names = extract_names(get_object(node.argument));
 					}
 				}
@@ -147,7 +150,26 @@ export default class Expression {
 							component.add_reference(node, name);
 
 							const variable = component.var_lookup.get(name);
-							if (variable) variable[deep ? 'mutated' : 'reassigned'] = true;
+
+							if (variable) {
+								variable[deep ? 'mutated' : 'reassigned'] = true;
+							}
+
+							const declaration: any = scope.find_owner(name)?.declarations.get(name);
+
+							if (declaration) {
+								if (declaration.kind === 'const' && !deep) {
+									component.error(node, {
+										code: 'assignment-to-const',
+										message: 'You are assigning to a const'
+									});
+								}
+							} else if (variable && variable.writable === false && !deep) {
+								component.error(node, {
+									code: 'assignment-to-const',
+									message: 'You are assigning to a const'
+								});
+							}
 						}
 					});
 				}
@@ -252,41 +274,7 @@ export default class Expression {
 					);
 
 					const declaration = b`const ${id} = ${node}`;
-
-					if (owner.type === 'ConstTag') {
-						let child_scope = scope;
-						walk(node, {
-							enter(node: Node, parent: any) {
-								if (map.has(node)) child_scope = map.get(node);
-								if (node.type === 'Identifier' && is_reference(node, parent)) {
-									if (child_scope.has(node.name)) return;
-									this.replace(block.renderer.reference(node, ctx));
-								}
-							},
-							leave(node: Node) {
-								if (map.has(node)) child_scope = child_scope.parent;
-							}
-						});
-					} else if (dependencies.size === 0 && contextual_dependencies.size === 0) {
-						// we can hoist this out of the component completely
-						component.fully_hoisted.push(declaration);
-
-						this.replace(id as any);
-
-						component.add_var(node, {
-							name: id.name,
-							internal: true,
-							hoistable: true,
-							referenced: true
-						});
-					} else if (contextual_dependencies.size === 0) {
-						// function can be hoisted inside the component init
-						component.partly_hoisted.push(declaration);
-
-						block.renderer.add_to_context(id.name);
-						this.replace(block.renderer.reference(id));
-					} else {
-						// we need a combo block/init recipe
+					const extract_functions = () => {
 						const deps = Array.from(contextual_dependencies);
 						const function_expression = node as FunctionExpression;
 
@@ -296,7 +284,7 @@ export default class Expression {
 							...function_expression.params
 						];
 
-						const context_args = deps.map(name => block.renderer.reference(name));
+						const context_args = deps.map(name => block.renderer.reference(name, ctx));
 
 						component.partly_hoisted.push(declaration);
 
@@ -312,6 +300,50 @@ export default class Expression {
 							: b`function ${id}() {
 								return ${callee}(${context_args});
 							}`;
+						return { deps, func_declaration };
+					};
+
+					if (owner.type === 'ConstTag') {
+						// we need a combo block/init recipe
+						if (contextual_dependencies.size === 0) {
+							let child_scope = scope;
+							walk(node, {
+								enter(node: Node, parent: any) {
+									if (map.has(node)) child_scope = map.get(node);
+									if (node.type === 'Identifier' && is_reference(node, parent)) {
+										if (child_scope.has(node.name)) return;
+										this.replace(block.renderer.reference(node, ctx));
+									}
+								},
+								leave(node: Node) {
+									if (map.has(node)) child_scope = child_scope.parent;
+								}
+							});
+						} else {
+							const { func_declaration } = extract_functions();
+							this.replace(func_declaration[0]);
+						}
+					} else if (dependencies.size === 0 && contextual_dependencies.size === 0) {
+						// we can hoist this out of the component completely
+						component.fully_hoisted.push(declaration);
+
+						this.replace(id as any);
+
+						component.add_var(node, {
+							name: id.name,
+							internal: true,
+							hoistable: true,
+							referenced: true
+						});
+					} else if (contextual_dependencies.size === 0) {
+						// function can be hoisted inside the component init
+						component.partly_hoisted.push(declaration);
+
+						block.renderer.add_to_context(id.name);
+						this.replace(block.renderer.reference(id));
+					} else {
+						// we need a combo block/init recipe
+						const { deps, func_declaration } = extract_functions();
 
 						if (owner.type === 'Attribute' && owner.parent.name === 'slot') {
 							const dep_scopes = new Set<INode>(deps.map(name => template_scope.get_owner(name)));
@@ -323,7 +355,7 @@ export default class Expression {
 
 							const func_expression = func_declaration[0];
 
-							if (node.type === 'InlineComponent') {
+							if (node.type === 'InlineComponent' || node.type === 'SlotTemplate') {
 								// <Comp let:data />
 								this.replace(func_expression);
 							} else {
diff --git a/src/compiler/compile/render_dom/Block.ts b/src/compiler/compile/render_dom/Block.ts
index 34c47748046..c40dedc3b53 100644
--- a/src/compiler/compile/render_dom/Block.ts
+++ b/src/compiler/compile/render_dom/Block.ts
@@ -1,8 +1,9 @@
-import Renderer from './Renderer';
+import Renderer, { BindingGroup } from './Renderer';
 import Wrapper from './wrappers/shared/Wrapper';
 import { b, x } from 'code-red';
 import { Node, Identifier, ArrayPattern } from 'estree';
 import { is_head } from './wrappers/shared/is_head';
+import { regex_double_quotes } from '../../utils/patterns';
 
 export interface Bindings {
 	object: Identifier;
@@ -39,6 +40,7 @@ export default class Block {
 
 	bindings: Map<string, Bindings>;
 	binding_group_initialised: Set<string> = new Set();
+	binding_groups: Set<BindingGroup> = new Set();
 
 	chunks: {
 		declarations: Array<Node | Node[]>;
@@ -248,6 +250,7 @@ export default class Block {
 			}
 		}
 
+		this.render_binding_groups();
 		this.render_listeners();
 
 		const properties: Record<string, any> = {};
@@ -415,7 +418,7 @@ export default class Block {
 						block: ${block},
 						id: ${this.name || 'create_fragment'}.name,
 						type: "${this.type}",
-						source: "${this.comment ? this.comment.replace(/"/g, '\\"') : ''}",
+						source: "${this.comment ? this.comment.replace(regex_double_quotes, '\\"') : ''}",
 						ctx: #ctx
 					});
 					return ${block};`
@@ -499,4 +502,10 @@ export default class Block {
 			}
 		}
 	}
+
+	render_binding_groups() {
+		for (const binding_group of this.binding_groups) {
+			binding_group.render();
+		}
+	}
 }
diff --git a/src/compiler/compile/render_dom/Renderer.ts b/src/compiler/compile/render_dom/Renderer.ts
index 179fc0c9560..ad2d1b092f4 100644
--- a/src/compiler/compile/render_dom/Renderer.ts
+++ b/src/compiler/compile/render_dom/Renderer.ts
@@ -22,6 +22,15 @@ type BitMasks = Array<{
 	names: string[];
 }>;
 
+export interface BindingGroup {
+	binding_group: (to_reference?: boolean) => Node;
+	contexts: string[];
+	list_dependencies: Set<string>;
+	keypath: string;
+	elements: Identifier[];
+	render: () => void;
+}
+
 export default class Renderer {
 	component: Component; // TODO Maybe Renderer shouldn't know about Component?
 	options: CompileOptions;
@@ -33,7 +42,7 @@ export default class Renderer {
 	blocks: Array<Block | Node | Node[]> = [];
 	readonly: Set<string> = new Set();
 	meta_bindings: Array<Node | Node[]> = []; // initial values for e.g. window.innerWidth, if there's a <svelte:window> meta tag
-	binding_groups: Map<string, { binding_group: (to_reference?: boolean) => Node; is_context: boolean; contexts: string[]; index: number; keypath: string }> = new Map();
+	binding_groups: Map<string, BindingGroup> = new Map();
 
 	block: Block;
 	fragment: FragmentWrapper;
@@ -64,10 +73,6 @@ export default class Renderer {
 			this.add_to_context('#slots');
 		}
 
-		if (this.binding_groups.size > 0) {
-			this.add_to_context('$$binding_groups');
-		}
-
 		// main block
 		this.block = new Block({
 			renderer: this,
@@ -168,7 +173,7 @@ export default class Renderer {
 		return member;
 	}
 
-	invalidate(name: string, value?, main_execution_context: boolean = false) {
+	invalidate(name: string, value?: unknown, main_execution_context: boolean = false) {
 		return renderer_invalidate(this, name, value, main_execution_context);
 	}
 
diff --git a/src/compiler/compile/render_dom/index.ts b/src/compiler/compile/render_dom/index.ts
index 9d9699bdbf6..bc56f2eb27e 100644
--- a/src/compiler/compile/render_dom/index.ts
+++ b/src/compiler/compile/render_dom/index.ts
@@ -12,6 +12,7 @@ import { RawSourceMap, DecodedSourceMap } from '@ampproject/remapping/dist/types
 import { flatten } from '../../utils/flatten';
 import check_enable_sourcemap from '../utils/check_enable_sourcemap';
 import { push_array } from '../../utils/push_array';
+import { regex_backslashes } from '../../utils/patterns';
 
 export default function dom(
 	component: Component,
@@ -53,7 +54,7 @@ export default function dom(
 	const should_add_css = (
 		!options.customElement &&
 		!!styles &&
-		options.css !== false
+		options.css === 'injected'
 	);
 
 	if (should_add_css) {
@@ -82,7 +83,7 @@ export default function dom(
 	}
 
 	const uses_slots = component.var_lookup.has('$$slots');
-	let compute_slots;
+	let compute_slots: Node[] | undefined;
 	if (uses_slots) {
 		compute_slots = b`
 			const $$slots = @compute_slots(#slots);
@@ -121,7 +122,7 @@ export default function dom(
 	const accessors = [];
 
 	const not_equal = component.component_options.immutable ? x`@not_equal` : x`@safe_not_equal`;
-	let dev_props_check: Node[] | Node;
+	let missing_props_check: Node[] | Node;
 	let inject_state: Expression;
 	let capture_state: Expression;
 	let props_inject: Node[] | Node;
@@ -227,13 +228,13 @@ export default function dom(
 		const expected = props.filter(prop => prop.writable && !prop.initialised);
 
 		if (expected.length) {
-			dev_props_check = b`
-				const { ctx: #ctx } = this.$$;
-				const props = ${options.customElement ? x`this.attributes` : x`options.props || {}`};
-				${expected.map(prop => b`
-				if (${renderer.reference(prop.name)} === undefined && !('${prop.export_name}' in props)) {
-					@_console.warn("<${component.tag}> was created without expected prop '${prop.export_name}'");
-				}`)}
+			missing_props_check = b`
+				$$self.$$.on_mount.push(function () {
+					${expected.map(prop => b`
+					if (${prop.name} === undefined && !(('${prop.export_name}' in $$props) || $$self.$$.bound[$$self.$$.props['${prop.export_name}']])) {
+						@_console.warn("<${component.tag}> was created without expected prop '${prop.export_name}'");
+					}`)}
+				});
 			`;
 		}
 
@@ -333,7 +334,7 @@ export default function dom(
 		// $$props arg is still needed for unknown prop check
 		args.push(x`$$props`);
 	}
-
+	// has_create_fragment is intentionally to be true in dev mode.
 	const has_create_fragment = component.compile_options.dev || block.has_content();
 	if (has_create_fragment) {
 		body.push(b`
@@ -389,13 +390,13 @@ export default function dom(
 	const resubscribable_reactive_store_unsubscribers = reactive_stores
 		.filter(store => {
 			const variable = component.var_lookup.get(store.name.slice(1));
-			return variable && (variable.reassigned || variable.export_name);
+			return variable && (variable.reassigned || variable.export_name) && !variable.is_reactive_static;
 		})
 		.map(({ name }) => b`$$self.$$.on_destroy.push(() => ${`$$unsubscribe_${name.slice(1)}`}());`);
 
 	if (has_definition) {
-		const reactive_declarations: (Node | Node[]) = [];
-		const fixed_reactive_declarations = []; // not really 'reactive' but whatever
+		const reactive_declarations: Node[] = [];
+		const fixed_reactive_declarations: Array<Node | Node[]> = []; // not really 'reactive' but whatever
 
 		component.reactive_declarations.forEach(d => {
 			const dependencies = Array.from(d.dependencies);
@@ -416,6 +417,15 @@ export default function dom(
 				reactive_declarations.push(statement);
 			} else {
 				fixed_reactive_declarations.push(statement);
+				for (const assignee of d.assignees) {
+					const variable = component.var_lookup.get(assignee);
+					if (variable && variable.subscribable) {
+						fixed_reactive_declarations.push(b`
+							${component.compile_options.dev && b`@validate_store(${assignee}, '${assignee}');`}
+							@component_subscribe($$self, ${assignee}, $$value => $$invalidate(${renderer.context_lookup.get('$' + assignee).index}, ${'$' + assignee} = $$value));
+						`);
+					}
+				}
 			}
 		});
 
@@ -429,7 +439,7 @@ export default function dom(
 			const name = $name.slice(1);
 
 			const store = component.var_lookup.get(name);
-			if (store && (store.reassigned || store.export_name)) {
+			if (store && (store.reassigned || store.export_name) && !store.is_reactive_static) {
 				const unsubscribe = `$$unsubscribe_${name}`;
 				const subscribe = `$$subscribe_${name}`;
 				const i = renderer.context_lookup.get($name).index;
@@ -440,7 +450,7 @@ export default function dom(
 			return b`let ${$name};`;
 		});
 
-		let unknown_props_check;
+		let unknown_props_check: Node[] | undefined;
 		if (component.compile_options.dev && !(uses_props || uses_rest)) {
 			unknown_props_check = b`
 				const writable_props = [${writable_props.map(prop => x`'${prop.export_name}'`)}];
@@ -476,6 +486,7 @@ export default function dom(
 
 				${instance_javascript}
 
+				${missing_props_check}
 				${unknown_props_check}
 
 				${renderer.binding_groups.size > 0 && b`const $$binding_groups = [${[...renderer.binding_groups.keys()].map(_ => x`[]`)}];`}
@@ -529,12 +540,13 @@ export default function dom(
 				constructor(options) {
 					super();
 
-					${css.code && b`this.shadowRoot.innerHTML = \`<style>${css.code.replace(/\\/g, '\\\\')}${css_sourcemap_enabled && options.dev ? `\n/*# sourceMappingURL=${css.map.toUrl()} */` : ''}</style>\`;`}
+					${css.code && b`
+						const style = document.createElement('style');
+						style.textContent = \`${css.code.replace(regex_backslashes, '\\\\')}${css_sourcemap_enabled && options.dev ? `\n/*# sourceMappingURL=${css.map.toUrl()} */` : ''}\`
+						this.shadowRoot.appendChild(style)`}
 
 					@init(this, { target: this.shadowRoot, props: ${init_props}, customElement: true }, ${definition}, ${has_create_fragment ? 'create_fragment' : 'null'}, ${not_equal}, ${prop_indexes}, null, ${dirty});
 
-					${dev_props_check}
-
 					if (options) {
 						if (options.target) {
 							@insert(options.target, this, options.anchor);
@@ -594,8 +606,6 @@ export default function dom(
 					super(${options.dev && 'options'});
 					@init(this, options, ${definition}, ${has_create_fragment ? 'create_fragment' : 'null'}, ${not_equal}, ${prop_indexes}, ${optional_parameters});
 					${options.dev && b`@dispatch_dev("SvelteRegisterComponent", { component: this, tagName: "${name.name}", options, id: create_fragment.name });`}
-
-					${dev_props_check}
 				}
 			}
 		`[0] as ClassDeclaration;
diff --git a/src/compiler/compile/render_dom/invalidate.ts b/src/compiler/compile/render_dom/invalidate.ts
index 7eeb34a8940..d9efdb5142d 100644
--- a/src/compiler/compile/render_dom/invalidate.ts
+++ b/src/compiler/compile/render_dom/invalidate.ts
@@ -19,6 +19,7 @@ export function invalidate(renderer: Renderer, scope: Scope, node: Node, names:
 				!variable.hoistable &&
 				!variable.global &&
 				!variable.module &&
+				!variable.is_reactive_static &&
 				(
 					variable.referenced ||
 					variable.subscribable ||
@@ -80,7 +81,7 @@ export function invalidate(renderer: Renderer, scope: Scope, node: Node, names:
 	return invalidate;
 }
 
-export function renderer_invalidate(renderer: Renderer, name: string, value?, main_execution_context: boolean = false) {
+export function renderer_invalidate(renderer: Renderer, name: string, value?: unknown, main_execution_context: boolean = false) {
 	const variable = renderer.component.var_lookup.get(name);
 
 	if (variable && (variable.subscribable && (variable.reassigned || variable.export_name))) {
diff --git a/src/compiler/compile/render_dom/wrappers/EachBlock.ts b/src/compiler/compile/render_dom/wrappers/EachBlock.ts
index db7929e51bc..1032f4c6e3f 100644
--- a/src/compiler/compile/render_dom/wrappers/EachBlock.ts
+++ b/src/compiler/compile/render_dom/wrappers/EachBlock.ts
@@ -61,7 +61,7 @@ export default class EachBlockWrapper extends Wrapper {
 		fixed_length: number;
 		data_length: Node | number;
 		view_length: Node | number;
-	}
+	};
 
 	context_props: Array<Node | Node[]>;
 	index_name: Identifier;
@@ -448,7 +448,9 @@ export default class EachBlockWrapper extends Wrapper {
 
 		block.chunks.mount.push(b`
 			for (let #i = 0; #i < ${view_length}; #i += 1) {
-				${iterations}[#i].m(${initial_mount_node}, ${initial_anchor_node});
+				if (${iterations}[#i]) {
+					${iterations}[#i].m(${initial_mount_node}, ${initial_anchor_node});
+				}
 			}
 		`);
 
@@ -542,7 +544,9 @@ export default class EachBlockWrapper extends Wrapper {
 
 		block.chunks.mount.push(b`
 			for (let #i = 0; #i < ${view_length}; #i += 1) {
-				${iterations}[#i].m(${initial_mount_node}, ${initial_anchor_node});
+				if (${iterations}[#i]) {
+					${iterations}[#i].m(${initial_mount_node}, ${initial_anchor_node});
+				}
 			}
 		`);
 
@@ -582,7 +586,7 @@ export default class EachBlockWrapper extends Wrapper {
 
 			const start = this.block.has_update_method ? 0 : '#old_length';
 
-			let remove_old_blocks;
+			let remove_old_blocks: Node[];
 
 			if (this.block.has_outros) {
 				const out = block.get_unique_name('out');
diff --git a/src/compiler/compile/render_dom/wrappers/Element/Attribute.ts b/src/compiler/compile/render_dom/wrappers/Element/Attribute.ts
index 7b6aed0d5ae..6cb3a002181 100644
--- a/src/compiler/compile/render_dom/wrappers/Element/Attribute.ts
+++ b/src/compiler/compile/render_dom/wrappers/Element/Attribute.ts
@@ -9,6 +9,8 @@ import Text from '../../../nodes/Text';
 import handle_select_value_binding from './handle_select_value_binding';
 import { Identifier, Node } from 'estree';
 import { namespaces } from '../../../../utils/namespaces';
+import { BooleanAttributes, boolean_attributes } from '../../../../../shared/boolean_attributes';
+import { regex_double_quotes } from '../../../../utils/patterns';
 
 const non_textlike_input_types = new Set([
 	'button',
@@ -41,9 +43,12 @@ export class BaseAttributeWrapper {
 		}
 	}
 
-	render(_block: Block) {}
+	render(_block: Block) { }
 }
 
+const regex_minus_sign = /-/;
+const regex_invalid_variable_identifier_characters = /[^a-zA-Z_$]/g;
+
 export default class AttributeWrapper extends BaseAttributeWrapper {
 	node: Attribute;
 	parent: ElementWrapper;
@@ -80,6 +85,7 @@ export default class AttributeWrapper extends BaseAttributeWrapper {
 
 			if (node.name === 'value') {
 				handle_select_value_binding(this, node.dependencies);
+				this.parent.has_dynamic_value = true;
 			}
 		}
 
@@ -114,7 +120,7 @@ export default class AttributeWrapper extends BaseAttributeWrapper {
 		// xlink is a special case... we could maybe extend this to generic
 		// namespaced attributes but I'm not sure that's applicable in
 		// HTML5?
-		const method = /-/.test(element.node.name)
+		const method = regex_minus_sign.test(element.node.name)
 			? '@set_custom_element_data'
 			: name.slice(0, 6) === 'xlink:'
 				? '@xlink_attr'
@@ -125,7 +131,7 @@ export default class AttributeWrapper extends BaseAttributeWrapper {
 		const dependencies = this.get_dependencies();
 		const value = this.get_value(block);
 
-		let updater;
+		let updater: Node[];
 		const init = this.get_init(block, value);
 
 		if (is_legacy_input_type) {
@@ -175,6 +181,17 @@ export default class AttributeWrapper extends BaseAttributeWrapper {
 			`;
 		}
 
+		if (this.node.name === 'value' && dependencies.length > 0) {
+			if (this.parent.bindings.some(binding => binding.node.name === 'group')) {
+				this.parent.dynamic_value_condition = block.get_unique_name('value_has_changed');
+				block.add_variable(this.parent.dynamic_value_condition, x`false`);
+				updater = b`
+					${updater}
+					${this.parent.dynamic_value_condition} = true;
+				`;
+			}
+		}
+
 		if (dependencies.length > 0) {
 			const condition = this.get_dom_update_conditions(block, block.renderer.dirty(dependencies));
 
@@ -195,7 +212,7 @@ export default class AttributeWrapper extends BaseAttributeWrapper {
 
 	get_init(block: Block, value) {
 		this.last = this.should_cache && block.get_unique_name(
-			`${this.parent.var.name}_${this.name.replace(/[^a-zA-Z_$]/g, '_')}_value`
+			`${this.parent.var.name}_${this.name.replace(regex_invalid_variable_identifier_characters, '_')}_value`
 		);
 
 		if (this.should_cache) block.add_variable(this.last);
@@ -253,9 +270,9 @@ export default class AttributeWrapper extends BaseAttributeWrapper {
 		return metadata;
 	}
 
-	get_value(block) {
+	get_value(block: Block) {
 		if (this.node.is_true) {
-			if (this.metadata && boolean_attribute.has(this.metadata.property_name.toLowerCase())) {
+			if (this.metadata && boolean_attributes.has(this.metadata.property_name.toLowerCase())) {
 				return x`true`;
 			}
 			return x`""`;
@@ -282,7 +299,7 @@ export default class AttributeWrapper extends BaseAttributeWrapper {
 		return value;
 	}
 
-	get_class_name_text(block) {
+	get_class_name_text(block: Block) {
 		const scoped_css = this.node.chunks.some((chunk: Text) => chunk.synthetic);
 		const rendered = this.render_chunks(block);
 
@@ -312,14 +329,15 @@ export default class AttributeWrapper extends BaseAttributeWrapper {
 
 		return `="${value.map(chunk => {
 			return chunk.type === 'Text'
-				? chunk.data.replace(/"/g, '\\"')
+				? chunk.data.replace(regex_double_quotes, '\\"')
 				: `\${${chunk.manipulate()}}`;
 		}).join('')}"`;
 	}
 }
 
 // source: https://html.spec.whatwg.org/multipage/indices.html
-const attribute_lookup = {
+type AttributeMetadata = { property_name?: string, applies_to?: string[] };
+const attribute_lookup: { [key in BooleanAttributes]: AttributeMetadata } & { [key in string]: AttributeMetadata } = {
 	allowfullscreen: { property_name: 'allowFullscreen', applies_to: ['iframe'] },
 	allowpaymentrequest: { property_name: 'allowPaymentRequest', applies_to: ['iframe'] },
 	async: { applies_to: ['script'] },
@@ -344,7 +362,9 @@ const attribute_lookup = {
 	formnovalidate: { property_name: 'formNoValidate', applies_to: ['button', 'input'] },
 	hidden: {},
 	indeterminate: { applies_to: ['input'] },
+	inert: {},
 	ismap: { property_name: 'isMap', applies_to: ['img'] },
+	itemscope: {},
 	loop: { applies_to: ['audio', 'bgsound', 'video'] },
 	multiple: { applies_to: ['input', 'select'] },
 	muted: { applies_to: ['audio', 'video'] },
@@ -376,46 +396,18 @@ Object.keys(attribute_lookup).forEach(name => {
 	if (!metadata.property_name) metadata.property_name = name;
 });
 
-// source: https://html.spec.whatwg.org/multipage/indices.html
-const boolean_attribute = new Set([
-	'allowfullscreen',
-	'allowpaymentrequest',
-	'async',
-	'autofocus',
-	'autoplay',
-	'checked',
-	'controls',
-	'default',
-	'defer',
-	'disabled',
-	'formnovalidate',
-	'hidden',
-	'ismap',
-	'itemscope',
-	'loop',
-	'multiple',
-	'muted',
-	'nomodule',
-	'novalidate',
-	'open',
-	'playsinline',
-	'readonly',
-	'required',
-	'reversed',
-	'selected'
-]);
-
 function should_cache(attribute: AttributeWrapper) {
 	return attribute.is_src || attribute.node.should_cache();
 }
 
+const regex_contains_checked_or_group = /checked|group/;
+
 function is_indirectly_bound_value(attribute: AttributeWrapper) {
 	const element = attribute.parent;
 	return attribute.name === 'value' &&
 		(element.node.name === 'option' || // TODO check it's actually bound
 			(element.node.name === 'input' &&
 				element.node.bindings.some(
-					(binding) =>
-						/checked|group/.test(binding.name)
+					(binding) => regex_contains_checked_or_group.test(binding.name)
 				)));
 }
diff --git a/src/compiler/compile/render_dom/wrappers/Element/Binding.ts b/src/compiler/compile/render_dom/wrappers/Element/Binding.ts
index bc218a510bc..aa3d097ce34 100644
--- a/src/compiler/compile/render_dom/wrappers/Element/Binding.ts
+++ b/src/compiler/compile/render_dom/wrappers/Element/Binding.ts
@@ -5,7 +5,7 @@ import InlineComponentWrapper from '../InlineComponent';
 import get_object from '../../../utils/get_object';
 import replace_object from '../../../utils/replace_object';
 import Block from '../../Block';
-import Renderer from '../../Renderer';
+import Renderer, { BindingGroup } from '../../Renderer';
 import flatten_reference from '../../../utils/flatten_reference';
 import { Node, Identifier } from 'estree';
 import add_to_set from '../../../utils/add_to_set';
@@ -26,6 +26,7 @@ export default class BindingWrapper {
 	snippet: Node;
 	is_readonly: boolean;
 	needs_lock: boolean;
+	binding_group: BindingGroup;
 
 	constructor(block: Block, node: Binding, parent: ElementWrapper | InlineComponentWrapper) {
 		this.node = node;
@@ -45,6 +46,10 @@ export default class BindingWrapper {
 
 		this.object = get_object(this.node.expression.node).name;
 
+		if (this.node.name === 'group') {
+			this.binding_group = get_binding_group(parent.renderer, this, block);
+		}
+
 		// view to model
 		this.handler = get_event_handler(this, parent.renderer, block, this.object, this.node.raw_expression);
 
@@ -67,6 +72,10 @@ export default class BindingWrapper {
 			}
 		});
 
+		if (this.binding_group) {
+			this.binding_group.list_dependencies.forEach(dep => dependencies.add(dep));
+		}
+
 		return dependencies;
 	}
 
@@ -105,6 +114,7 @@ export default class BindingWrapper {
 
 		const update_conditions: any[] = this.needs_lock ? [x`!${lock}`] : [];
 		const mount_conditions: any[] = [];
+		let update_or_condition: any = null;
 
 		const dependency_array = Array.from(this.get_dependencies());
 
@@ -120,7 +130,9 @@ export default class BindingWrapper {
 				type === '' ||
 				type === 'text' ||
 				type === 'email' ||
-				type === 'password'
+				type === 'password' ||
+				type === 'search' ||
+				type === 'url'
 			) {
 				update_conditions.push(
 					x`${parent.var}.${this.node.name} !== ${this.snippet}`
@@ -133,40 +145,19 @@ export default class BindingWrapper {
 		}
 
 		// model to view
-		let update_dom = get_dom_updater(parent, this);
-		let mount_dom = update_dom;
+		let update_dom = get_dom_updater(parent, this, false);
+		let mount_dom = get_dom_updater(parent, this, true);
 
 		// special cases
 		switch (this.node.name) {
 			case 'group':
 			{
-				const { binding_group, is_context, contexts, index, keypath } = get_binding_group(parent.renderer, this.node, block);
-
 				block.renderer.add_to_context('$$binding_groups');
+				this.binding_group.elements.push(this.parent.var);
 
-				if (is_context && !block.binding_group_initialised.has(keypath)) {
-					if (contexts.length > 1) {
-						let binding_group = x`${block.renderer.reference('$$binding_groups')}[${index}]`;
-						for (const name of contexts.slice(0, -1)) {
-							binding_group = x`${binding_group}[${block.renderer.reference(name)}]`;
-							block.chunks.init.push(
-								b`${binding_group} = ${binding_group} || [];`
-							);
-						}
-					}
-					block.chunks.init.push(
-						b`${binding_group(true)} = [];`
-					);
-					block.binding_group_initialised.add(keypath);
+				if ((this.parent as ElementWrapper).has_dynamic_value) {	
+					update_or_condition = (this.parent as ElementWrapper).dynamic_value_condition;	
 				}
-
-				block.chunks.hydrate.push(
-					b`${binding_group(true)}.push(${parent.var});`
-				);
-
-				block.chunks.destroy.push(
-					b`${binding_group(true)}.splice(${binding_group(true)}.indexOf(${parent.var}), 1);`
-				);
 				break;
 			}
 
@@ -212,7 +203,8 @@ export default class BindingWrapper {
 
 		if (update_dom) {
 			if (update_conditions.length > 0) {
-				const condition = update_conditions.reduce((lhs, rhs) => x`${lhs} && ${rhs}`);
+				let condition = update_conditions.reduce((lhs, rhs) => x`${lhs} && ${rhs}`);
+				if (update_or_condition) condition = x`${update_or_condition} || (${condition})`;
 
 				block.chunks.update.push(b`
 					if (${condition}) {
@@ -242,7 +234,8 @@ export default class BindingWrapper {
 
 function get_dom_updater(
 	element: ElementWrapper | InlineComponentWrapper,
-	binding: BindingWrapper
+	binding: BindingWrapper,
+	mounting: boolean
 ) {
 	const { node } = element;
 
@@ -257,6 +250,7 @@ function get_dom_updater(
 	if (node.name === 'select') {
 		return node.get_static_attribute_value('multiple') === true ?
 			b`@select_options(${element.var}, ${binding.snippet})` :
+			mounting ? b`@select_option(${element.var}, ${binding.snippet}, true)` :
 			b`@select_option(${element.var}, ${binding.snippet})`;
 	}
 
@@ -264,7 +258,7 @@ function get_dom_updater(
 		const type = node.get_static_attribute_value('type');
 
 		const condition = type === 'checkbox'
-			? x`~${binding.snippet}.indexOf(${element.var}.__value)`
+			? x`~(${binding.snippet} || []).indexOf(${element.var}.__value)`
 			: x`${element.var}.__value === ${binding.snippet}`;
 
 		return b`${element.var}.checked = ${condition};`;
@@ -277,7 +271,8 @@ function get_dom_updater(
 	return b`${element.var}.${binding.node.name} = ${binding.snippet};`;
 }
 
-function get_binding_group(renderer: Renderer, value: Binding, block: Block) {
+function get_binding_group(renderer: Renderer, binding: BindingWrapper, block: Block) {
+	const value = binding.node;
 	const { parts } = flatten_reference(value.raw_expression);
 	let keypath = parts.join('.');
 
@@ -299,8 +294,8 @@ function get_binding_group(renderer: Renderer, value: Binding, block: Block) {
 
 	for (const dep of contextual_dependencies) {
 		const context = block.bindings.get(dep);
-		let key;
-		let name;
+		let key: string;
+		let name: string;
 		if (context) {
 			key = context.object.name;
 			name = context.property.name;
@@ -312,41 +307,75 @@ function get_binding_group(renderer: Renderer, value: Binding, block: Block) {
 		contexts.push(name);
 	}
 
+	// create a global binding_group across blocks
 	if (!renderer.binding_groups.has(keypath)) {
 		const index = renderer.binding_groups.size;
+		// the bind:group depends on the list in the {#each} block as well
+		// as reordering (removing and adding back to the DOM) may affect the value
+		const list_dependencies = new Set<string>();
+		let parent = value.parent;
+		while (parent) {
+			if (parent.type === 'EachBlock') {
+				for (const dep of parent.expression.dynamic_dependencies()) {
+					list_dependencies.add(dep);
+				}
+			}
+			parent = parent.parent;
+		}
+
+		const elements = [];
 
 		contexts.forEach(context => {
 			renderer.add_to_context(context, true);
 		});
 
 		renderer.binding_groups.set(keypath, {
-			binding_group: (to_reference: boolean = false) => {
-				let binding_group = '$$binding_groups';
-				let _secondary_indexes = contexts;
+			binding_group: () => {
+				let obj = x`$$binding_groups[${index}]`;
 
-				if (to_reference) {
-					binding_group = block.renderer.reference(binding_group);
-					_secondary_indexes = _secondary_indexes.map(name => block.renderer.reference(name));
-				}
-
-				if (_secondary_indexes.length > 0) {
-					let obj = x`${binding_group}[${index}]`;
-					_secondary_indexes.forEach(secondary_index => {
+				if (contexts.length > 0) {
+					contexts.forEach(secondary_index => {
 						obj = x`${obj}[${secondary_index}]`;
 					});
-					return obj;
-				} else {
-					return x`${binding_group}[${index}]`;
 				}
+				return obj;
 			},
-			is_context: contexts.length > 0,
 			contexts,
-			index,
-			keypath
+			list_dependencies,
+			keypath,
+			elements,
+			render() {
+				const local_name = block.get_unique_name('binding_group');
+				const binding_group = block.renderer.reference('$$binding_groups');
+				block.add_variable(local_name);
+				if (contexts.length > 0) {
+					const indexes = { type: 'ArrayExpression', elements: contexts.map(name => block.renderer.reference(name)) };
+					block.chunks.init.push(
+						b`${local_name} = @init_binding_group_dynamic(${binding_group}[${index}], ${indexes})`
+					);
+					block.chunks.update.push(
+						b`if (${block.renderer.dirty(Array.from(list_dependencies))}) ${local_name}.u(${indexes})`
+					);
+				} else {
+					block.chunks.init.push(
+						b`${local_name} = @init_binding_group(${binding_group}[${index}])`
+					);
+				}
+				block.chunks.hydrate.push(
+					b`${local_name}.p(${elements})`
+				);
+				block.chunks.destroy.push(
+					b`${local_name}.r()`
+				);
+			}
 		});
 	}
 
-	return renderer.binding_groups.get(keypath);
+	// register the binding_group for the block
+	const binding_group = renderer.binding_groups.get(keypath);
+	block.binding_groups.add(binding_group);
+
+	return binding_group;
 }
 
 function get_event_handler(
@@ -364,7 +393,7 @@ function get_event_handler(
 	const contextual_dependencies = new Set<string>(binding.node.expression.contextual_dependencies);
 
 	const context = block.bindings.get(name);
-	let set_store;
+	let set_store: Node[] | undefined;
 
 	if (context) {
 		const { object, property, store, snippet } = context;
@@ -384,7 +413,7 @@ function get_event_handler(
 		}
 	}
 
-	const value = get_value_from_dom(renderer, binding.parent, binding, block, contextual_dependencies);
+	const value = get_value_from_dom(renderer, binding.parent, binding, contextual_dependencies);
 
 	const mutation = b`
 		${lhs} = ${value};
@@ -400,10 +429,9 @@ function get_event_handler(
 }
 
 function get_value_from_dom(
-	renderer: Renderer,
+	_renderer: Renderer,
 	element: ElementWrapper | InlineComponentWrapper,
 	binding: BindingWrapper,
-	block: Block,
 	contextual_dependencies: Set<string>
 ) {
 	const { node } = element;
@@ -413,7 +441,7 @@ function get_value_from_dom(
 		return x`$$value`;
 	}
 
-	// <select bind:value='selected>
+	// <select bind:value='selected'>
 	if (node.name === 'select') {
 		return node.get_static_attribute_value('multiple') === true ?
 			x`@select_multiple_value(this)` :
@@ -425,7 +453,7 @@ function get_value_from_dom(
 	// <input type='checkbox' bind:group='foo'>
 	if (name === 'group') {
 		if (type === 'checkbox') {
-			const { binding_group, contexts } = get_binding_group(renderer, binding.node, block);
+			const { binding_group, contexts } = binding.binding_group;
 			add_to_set(contextual_dependencies, contexts);
 			return x`@get_binding_group_value(${binding_group()}, this.__value, this.checked)`;
 		}
diff --git a/src/compiler/compile/render_dom/wrappers/Element/EventHandler.ts b/src/compiler/compile/render_dom/wrappers/Element/EventHandler.ts
index fc65a9aa5e9..b8c9f70c0f2 100644
--- a/src/compiler/compile/render_dom/wrappers/Element/EventHandler.ts
+++ b/src/compiler/compile/render_dom/wrappers/Element/EventHandler.ts
@@ -26,7 +26,7 @@ export default class EventHandlerWrapper {
 		}
 	}
 
-	get_snippet(block) {
+	get_snippet(block: Block) {
 		const snippet = this.node.expression ? this.node.expression.manipulate(block) : block.renderer.reference(this.node.handler_name);
 
 		if (this.node.reassigned) {
@@ -41,6 +41,7 @@ export default class EventHandlerWrapper {
 
 		if (this.node.modifiers.has('preventDefault')) snippet = x`@prevent_default(${snippet})`;
 		if (this.node.modifiers.has('stopPropagation')) snippet = x`@stop_propagation(${snippet})`;
+		if (this.node.modifiers.has('stopImmediatePropagation')) snippet = x`@stop_immediate_propagation(${snippet})`;
 		if (this.node.modifiers.has('self')) snippet = x`@self(${snippet})`;
 		if (this.node.modifiers.has('trusted')) snippet = x`@trusted(${snippet})`;
 
@@ -64,6 +65,7 @@ export default class EventHandlerWrapper {
 		if (block.renderer.options.dev) {
 			args.push(this.node.modifiers.has('preventDefault') ? TRUE : FALSE);
 			args.push(this.node.modifiers.has('stopPropagation') ? TRUE : FALSE);
+			args.push(this.node.modifiers.has('stopImmediatePropagation') ? TRUE : FALSE);
 		}
 
 		block.event_listeners.push(
diff --git a/src/compiler/compile/render_dom/wrappers/Element/StyleAttribute.ts b/src/compiler/compile/render_dom/wrappers/Element/StyleAttribute.ts
index ac7f66b6ac7..4481b6b98f9 100644
--- a/src/compiler/compile/render_dom/wrappers/Element/StyleAttribute.ts
+++ b/src/compiler/compile/render_dom/wrappers/Element/StyleAttribute.ts
@@ -69,6 +69,8 @@ export default class StyleAttributeWrapper extends AttributeWrapper {
 	}
 }
 
+const regex_style_prop_key = /^\s*([\w-]+):\s*/;
+
 function optimize_style(value: Array<Text | Expression>) {
 	const props: StyleProp[] = [];
 	let chunks = value.slice();
@@ -78,7 +80,7 @@ function optimize_style(value: Array<Text | Expression>) {
 
 		if (chunk.type !== 'Text') return null;
 
-		const key_match = /^\s*([\w-]+):\s*/.exec(chunk.data);
+		const key_match = regex_style_prop_key.exec(chunk.data);
 		if (!key_match) return null;
 
 		const key = key_match[1];
@@ -106,6 +108,9 @@ function optimize_style(value: Array<Text | Expression>) {
 	return props;
 }
 
+const regex_important_flag = /\s*!important\s*$/;
+const regex_semicolon_or_whitespace = /[;\s]/;
+
 function get_style_value(chunks: Array<Text | Expression>) {
 	const value: Array<Text | Expression> = [];
 
@@ -151,7 +156,7 @@ function get_style_value(chunks: Array<Text | Expression>) {
 				} as Text);
 			}
 
-			while (/[;\s]/.test(chunk.data[c])) c += 1;
+			while (regex_semicolon_or_whitespace.test(chunk.data[c])) c += 1;
 			const remaining_data = chunk.data.slice(c);
 
 			if (remaining_data) {
@@ -172,9 +177,9 @@ function get_style_value(chunks: Array<Text | Expression>) {
 	let important = false;
 
 	const last_chunk = value[value.length - 1];
-	if (last_chunk && last_chunk.type === 'Text' && /\s*!important\s*$/.test(last_chunk.data)) {
+	if (last_chunk && last_chunk.type === 'Text' && regex_important_flag.test(last_chunk.data)) {
 		important = true;
-		last_chunk.data = last_chunk.data.replace(/\s*!important\s*$/, '');
+		last_chunk.data = last_chunk.data.replace(regex_important_flag, '');
 		if (!last_chunk.data) value.pop();
 	}
 
diff --git a/src/compiler/compile/render_dom/wrappers/Element/fix_attribute_casing.ts b/src/compiler/compile/render_dom/wrappers/Element/fix_attribute_casing.ts
index 7044d5d7b3f..0ff7c27e4b8 100644
--- a/src/compiler/compile/render_dom/wrappers/Element/fix_attribute_casing.ts
+++ b/src/compiler/compile/render_dom/wrappers/Element/fix_attribute_casing.ts
@@ -6,7 +6,7 @@ svg_attributes.forEach(name => {
 	svg_attribute_lookup.set(name.toLowerCase(), name);
 });
 
-export default function fix_attribute_casing(name) {
+export default function fix_attribute_casing(name: string) {
 	name = name.toLowerCase();
 	return svg_attribute_lookup.get(name) || name;
 }
diff --git a/src/compiler/compile/render_dom/wrappers/Element/index.ts b/src/compiler/compile/render_dom/wrappers/Element/index.ts
index 8d2661116d8..eaef3a3b694 100644
--- a/src/compiler/compile/render_dom/wrappers/Element/index.ts
+++ b/src/compiler/compile/render_dom/wrappers/Element/index.ts
@@ -12,14 +12,14 @@ import { namespaces } from '../../../../utils/namespaces';
 import AttributeWrapper from './Attribute';
 import StyleAttributeWrapper from './StyleAttribute';
 import SpreadAttributeWrapper from './SpreadAttribute';
-import { dimensions, start_newline } from '../../../../utils/patterns';
+import { regex_dimensions, regex_starts_with_newline, regex_backslashes } from '../../../../utils/patterns';
 import Binding from './Binding';
 import add_to_set from '../../../utils/add_to_set';
 import { add_event_handler } from '../shared/add_event_handlers';
 import { add_action } from '../shared/add_actions';
 import bind_this from '../shared/bind_this';
 import { is_head } from '../shared/is_head';
-import { Identifier, ExpressionStatement, CallExpression } from 'estree';
+import { Identifier, ExpressionStatement, CallExpression, Node } from 'estree';
 import EventHandler from './EventHandler';
 import { extract_names } from 'periscopic';
 import Action from '../../../nodes/Action';
@@ -34,12 +34,16 @@ interface BindingGroup {
 	bindings: Binding[];
 }
 
+const regex_contains_radio_or_checkbox_or_file = /radio|checkbox|file/;
+const regex_contains_radio_or_checkbox_or_range_or_file = /radio|checkbox|range|file/;
+
 const events = [
 	{
 		event_names: ['input'],
 		filter: (node: Element, _name: string) =>
 			node.name === 'textarea' ||
-			node.name === 'input' && !/radio|checkbox|range|file/.test(node.get_static_attribute_value('type') as string)
+			node.name === 'input' &&
+			!regex_contains_radio_or_checkbox_or_range_or_file.test(node.get_static_attribute_value('type') as string)
 	},
 	{
 		event_names: ['input'],
@@ -51,20 +55,19 @@ const events = [
 		event_names: ['change'],
 		filter: (node: Element, _name: string) =>
 			node.name === 'select' ||
-			node.name === 'input' && /radio|checkbox|file/.test(node.get_static_attribute_value('type') as string)
+			node.name === 'input' &&
+			regex_contains_radio_or_checkbox_or_file.test(node.get_static_attribute_value('type') as string)
 	},
 	{
 		event_names: ['change', 'input'],
 		filter: (node: Element, _name: string) =>
 			node.name === 'input' && node.get_static_attribute_value('type') === 'range'
 	},
-
 	{
 		event_names: ['elementresize'],
 		filter: (_node: Element, name: string) =>
-			dimensions.test(name)
+			regex_dimensions.test(name)
 	},
-
 	// media events
 	{
 		event_names: ['timeupdate'],
@@ -126,16 +129,29 @@ const events = [
 			node.is_media_node() &&
 			(name === 'videoHeight' || name === 'videoWidth')
 	},
-
+	{
+		// from https://html.spec.whatwg.org/multipage/media.html#ready-states
+		// and https://html.spec.whatwg.org/multipage/media.html#loading-the-media-resource
+		event_names: ['loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough', 'playing', 'waiting', 'emptied'],
+		filter: (node: Element, name: string) =>
+			node.is_media_node() &&
+			name === 'readyState'
+	},
 	// details event
 	{
 		event_names: ['toggle'],
 		filter: (node: Element, _name: string) =>
 			node.name === 'details'
+	},
+	{
+		event_names: ['load'],
+		filter: (_: Element, name: string) => name === 'naturalHeight' || name === 'naturalWidth'
 	}
 ];
 
 const CHILD_DYNAMIC_ELEMENT_BLOCK = 'child_dynamic_element';
+const regex_invalid_variable_identifier_characters = /[^a-zA-Z0-9_$]/g;
+const regex_minus_signs = /-/g;
 
 export default class ElementWrapper extends Wrapper {
 	node: Element;
@@ -144,8 +160,11 @@ export default class ElementWrapper extends Wrapper {
 	bindings: Binding[];
 	event_handlers: EventHandler[];
 	class_dependencies: string[];
+	has_dynamic_attribute: boolean;
 
 	select_binding_dependencies?: Set<string>;
+	has_dynamic_value: boolean;
+	dynamic_value_condition: any;
 
 	var: any;
 	void: boolean;
@@ -163,6 +182,15 @@ export default class ElementWrapper extends Wrapper {
 	) {
 		super(renderer, block, parent, node);
 
+		this.var = {
+			type: 'Identifier',
+			name: node.name.replace(regex_invalid_variable_identifier_characters, '_')
+		};
+
+		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),
@@ -178,16 +206,13 @@ export default class ElementWrapper extends Wrapper {
 				strip_whitespace,
 				next_sibling
 			);
-		}
 
-		this.var = {
-			type: 'Identifier',
-			name: node.name.replace(/[^a-zA-Z0-9_$]/g, '_')
-		};
-
-		this.void = is_void(node.name);
-
-		this.class_dependencies = [];
+			// 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;
+		}
 
 		if (this.node.children.length) {
 			this.node.lets.forEach(l => {
@@ -206,6 +231,7 @@ export default class ElementWrapper extends Wrapper {
 			}
 			return new AttributeWrapper(this, block, attribute);
 		});
+		this.has_dynamic_attribute = !!this.attributes.find(attr => attr.node.get_dependencies().length > 0);
 
 		// ordinarily, there'll only be one... but we need to handle
 		// the rare case where an element can have multiple bindings,
@@ -248,6 +274,7 @@ export default class ElementWrapper extends Wrapper {
 				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
@@ -273,9 +300,8 @@ export default class ElementWrapper extends Wrapper {
 			(x`#nodes` as unknown) as Identifier
 		);
 
-		const previous_tag = block.get_unique_name('previous_tag');
+		const is_tag_dynamic = this.node.tag_expr.dynamic_dependencies().length > 0;
 		const tag = this.node.tag_expr.manipulate(block);
-		block.add_variable(previous_tag, tag);
 
 		block.chunks.init.push(b`
 			${this.renderer.options.dev && b`@validate_dynamic_element(${tag});`}
@@ -297,45 +323,72 @@ export default class ElementWrapper extends Wrapper {
 			if (${this.var}) ${this.var}.m(${parent_node || '#target'}, ${parent_node ? 'null' : '#anchor'});
 		`);
 
-		const anchor = this.get_or_create_anchor(block, parent_node, parent_nodes);
-		const has_transitions = !!(this.node.intro || this.node.outro);
-		const not_equal = this.renderer.component.component_options.immutable ? x`@not_equal` : x`@safe_not_equal`;
-
-		block.chunks.update.push(b`
-			if (${tag}) {
-				if (!${previous_tag}) {
-					${this.var} = ${this.child_dynamic_element_block.name}(#ctx);
-					${this.var}.c();
-					${has_transitions && b`@transition_in(${this.var})`}
-					${this.var}.m(${this.get_update_mount_node(anchor)}, ${anchor});
-				} else if (${not_equal}(${previous_tag}, ${tag})) {
-					${this.var}.d(1);
-					${this.renderer.options.dev && b`@validate_dynamic_element(${tag});`}
-					${this.renderer.options.dev && this.node.children.length > 0 && b`@validate_void_dynamic_element(${tag});`}
-					${this.var} = ${this.child_dynamic_element_block.name}(#ctx);
-					${this.var}.c();
-					${this.var}.m(${this.get_update_mount_node(anchor)}, ${anchor});
-				} else {
-					${this.var}.p(#ctx, #dirty);
-				}
-			} else if (${previous_tag}) {
-				${
-					has_transitions
-						? b`
-							@group_outros();
-							@transition_out(${this.var}, 1, 1, () => {
+		if (is_tag_dynamic) {
+			const previous_tag = block.get_unique_name('previous_tag');
+			block.add_variable(previous_tag, tag);
+			const anchor = this.get_or_create_anchor(block, parent_node, parent_nodes);
+			const has_transitions = !!(this.node.intro || this.node.outro);
+			const not_equal = this.renderer.component.component_options.immutable ? x`@not_equal` : x`@safe_not_equal`;
+
+			const tag_will_be_removed = block.get_unique_name('tag_will_be_removed');
+			if (has_transitions) {
+				block.add_variable(tag_will_be_removed, x`false`);
+			}
+
+			block.chunks.update.push(b`
+				if (${tag}) {
+					if (!${previous_tag}) {
+						${this.var} = ${this.child_dynamic_element_block.name}(#ctx);
+						${previous_tag} = ${tag};
+						${this.var}.c();
+						${has_transitions && b`@transition_in(${this.var})`}
+						${this.var}.m(${this.get_update_mount_node(anchor)}, ${anchor});
+					} else if (${not_equal}(${previous_tag}, ${tag})) {
+						${this.var}.d(1);
+						${this.renderer.options.dev && b`@validate_dynamic_element(${tag});`}
+						${this.renderer.options.dev && this.node.children.length > 0 && b`@validate_void_dynamic_element(${tag});`}
+						${this.var} = ${this.child_dynamic_element_block.name}(#ctx);
+						${previous_tag} = ${tag};
+						${this.var}.c();
+						${has_transitions && b`if (${tag_will_be_removed}) {
+							${tag_will_be_removed} = false;
+							@transition_in(${this.var})
+						}`}
+						${this.var}.m(${this.get_update_mount_node(anchor)}, ${anchor});
+					} else {
+						${has_transitions && b`if (${tag_will_be_removed}) {
+							${tag_will_be_removed} = false;
+							@transition_in(${this.var})
+						}`}
+						${this.var}.p(#ctx, #dirty);
+					}
+				} else if (${previous_tag}) {
+					${has_transitions
+					? b`
+								${tag_will_be_removed} = true;
+								@group_outros();
+								@transition_out(${this.var}, 1, 1, () => {
+									${this.var} = null;
+									${previous_tag} = ${tag};
+									${tag_will_be_removed} = false;
+								});
+								@check_outros();
+							`
+					: b`
+								${this.var}.d(1);
 								${this.var} = null;
-							});
-							@check_outros();
-						`
-						: b`
-							${this.var}.d(1);
-							${this.var} = null;
-						`
+								${previous_tag} = ${tag};
+							`
 				}
-			}
-			${previous_tag} = ${tag};
-		`);
+				}
+			`);
+		} else {
+			block.chunks.update.push(b`
+				if (${tag}) {
+					${this.var}.p(#ctx, #dirty);
+				}
+			`);
+		}
 
 		if (this.child_dynamic_element_block.has_intros) {
 			block.chunks.intro.push(b`@transition_in(${this.var});`);
@@ -474,7 +527,11 @@ export default class ElementWrapper extends Wrapper {
 			block.maintain_context = true;
 		}
 
-		this.add_attributes(block);
+		if (this.node.is_dynamic_element) {
+			this.add_dynamic_element_attributes(block);
+		} else {
+			this.add_attributes(block);
+		}
 		this.add_directives_in_order(block);
 		this.add_transitions(block);
 		this.add_animation(block);
@@ -504,9 +561,10 @@ export default class ElementWrapper extends Wrapper {
 
 	get_render_statement(block: Block) {
 		const { name, namespace, tag_expr } = this.node;
+		const reference = tag_expr.manipulate(block);
 
 		if (namespace === namespaces.svg) {
-			return x`@svg_element("${name}")`;
+			return x`@svg_element(${reference})`;
 		}
 
 		if (namespace) {
@@ -518,7 +576,6 @@ export default class ElementWrapper extends Wrapper {
 			return x`@element_is("${name}", ${is.render_chunks(block).reduce((lhs, rhs) => x`${lhs} + ${rhs}`)})`;
 		}
 
-		const reference = tag_expr.manipulate(block);
 		return x`@element(${reference})`;
 	}
 
@@ -527,7 +584,7 @@ export default class ElementWrapper extends Wrapper {
 			.filter((attr) => !(attr instanceof SpreadAttributeWrapper) && !attr.property_name)
 			.map((attr) => p`${(attr as StyleAttributeWrapper | AttributeWrapper).name}: true`);
 
-		let reference;
+		let reference: string | ReturnType<typeof x>;
 		if (this.node.tag_expr.node.type === 'Literal') {
 			if (this.node.namespace) {
 				reference = `"${this.node.tag_expr.node.value}"`;
@@ -547,7 +604,7 @@ export default class ElementWrapper extends Wrapper {
 		}
 	}
 
-	add_directives_in_order (block: Block) {
+	add_directives_in_order(block: Block) {
 		type OrderedAttribute = EventHandler | BindingGroup | Binding | Action;
 
 		const binding_groups = events
@@ -561,7 +618,7 @@ export default class ElementWrapper extends Wrapper {
 
 		const this_binding = this.bindings.find(b => b.node.name === 'this');
 
-		function getOrder (item: OrderedAttribute) {
+		function getOrder(item: OrderedAttribute) {
 			if (item instanceof EventHandler) {
 				return item.node.start;
 			} else if (item instanceof Binding) {
@@ -627,7 +684,7 @@ export default class ElementWrapper extends Wrapper {
 		// media bindings — awkward special case. The native timeupdate events
 		// fire too infrequently, so we need to take matters into our
 		// own hands
-		let animation_frame;
+		let animation_frame: Identifier | undefined;
 		if (binding_group.events[0] === 'timeupdate') {
 			animation_frame = block.get_unique_name(`${this.var.name}_animationframe`);
 			block.add_variable(animation_frame);
@@ -674,9 +731,9 @@ export default class ElementWrapper extends Wrapper {
 			function ${handler}(${params}) {
 				${binding_group.bindings.map(b => b.handler.mutation)}
 				${Array.from(dependencies)
-					.filter(dep => dep[0] !== '$')
-					.filter(dep => !contextual_dependencies.has(dep))
-					.map(dep => b`${this.renderer.invalidate(dep)};`)}
+				.filter(dep => dep[0] !== '$')
+				.filter(dep => !contextual_dependencies.has(dep))
+				.map(dep => b`${this.renderer.invalidate(dep)};`)}
 			}
 		`);
 
@@ -752,7 +809,7 @@ export default class ElementWrapper extends Wrapper {
 			}
 		});
 
-		if (this.node.attributes.some(attr => attr.is_spread) || this.node.is_dynamic_element) {
+		if (this.node.attributes.some(attr => attr.is_spread)) {
 			this.add_spread_attributes(block);
 			return;
 		}
@@ -801,17 +858,24 @@ export default class ElementWrapper extends Wrapper {
 			}
 		`);
 
-		const fn = this.node.namespace === namespaces.svg ? x`@set_svg_attributes` : x`@set_attributes`;
+		const fn =
+			this.node.namespace === namespaces.svg
+				? x`@set_svg_attributes`
+				: this.node.is_dynamic_element
+					? x`@set_dynamic_element_data(${this.node.tag_expr.manipulate(block)})`
+					: x`@set_attributes`;
 
 		block.chunks.hydrate.push(
 			b`${fn}(${this.var}, ${data});`
 		);
 
-		block.chunks.update.push(b`
-			${fn}(${this.var}, ${data} = @get_spread_update(${levels}, [
-				${updates}
-			]));
-		`);
+		if (this.has_dynamic_attribute) {
+			block.chunks.update.push(b`
+				${fn}(${this.var}, ${data} = @get_spread_update(${levels}, [
+					${updates}
+				]));
+			`);
+		}
 
 		// handle edge cases for elements
 		if (this.node.name === 'select') {
@@ -823,16 +887,19 @@ export default class ElementWrapper extends Wrapper {
 			}
 
 			block.chunks.mount.push(b`
-				(${data}.multiple ? @select_options : @select_option)(${this.var}, ${data}.value);
+				'value' in ${data} && (${data}.multiple ? @select_options : @select_option)(${this.var}, ${data}.value);
 			`);
+
 			block.chunks.update.push(b`
-				if (${block.renderer.dirty(Array.from(dependencies))} && 'value' in ${data}) (${data}.multiple ? @select_options : @select_option)(${this.var}, ${data}.value);;
+				if (${block.renderer.dirty(Array.from(dependencies))} && 'value' in ${data}) (${data}.multiple ? @select_options : @select_option)(${this.var}, ${data}.value);
 			`);
 		} else if (this.node.name === 'input' && this.attributes.find(attr => attr.node.name === 'value')) {
 			const type = this.node.get_static_attribute_value('type');
 			if (type === null || type === '' || type === 'text' || type === 'email' || type === 'password') {
 				block.chunks.mount.push(b`
-					${this.var}.value = ${data}.value;
+					if ('value' in ${data}) {
+						${this.var}.value = ${data}.value;
+					}
 				`);
 				block.chunks.update.push(b`
 					if ('value' in ${data}) {
@@ -849,9 +916,36 @@ export default class ElementWrapper extends Wrapper {
 		}
 	}
 
-	add_transitions(
-		block: Block
-	) {
+	add_dynamic_element_attributes(block: Block) {
+		if (this.attributes.length === 0) return;
+
+		if (this.has_dynamic_attribute) {
+			this.add_spread_attributes(block);
+			return;
+		}
+
+		const static_attributes = [];
+		this.attributes.forEach((attr) => {
+			if (attr instanceof SpreadAttributeWrapper) {
+				static_attributes.push({ type: 'SpreadElement', argument: attr.node.expression.node });
+			} else {
+				const name = attr.property_name || attr.name;
+				static_attributes.push(p`${name}: ${attr.get_value(block)}`);
+			}
+		});
+		const fn =
+			this.node.namespace === namespaces.svg
+				? x`@set_svg_attributes`
+				: this.node.is_dynamic_element
+					? x`@set_dynamic_element_data(${this.node.tag_expr.manipulate(block)})`
+					: x`@set_attributes`;
+
+		block.chunks.hydrate.push(
+			b`${fn}(${this.var}, {${static_attributes}});`
+		);
+	}
+
+	add_transitions(block: Block) {
 		const { intro, outro } = this.node;
 		if (!intro && !outro) return;
 
@@ -908,7 +1002,7 @@ export default class ElementWrapper extends Wrapper {
 
 				const fn = this.renderer.reference(intro.name);
 
-				let intro_block;
+				let intro_block: Node[];
 
 				if (outro) {
 					intro_block = b`
@@ -1007,7 +1101,7 @@ export default class ElementWrapper extends Wrapper {
 			${outro && b`@add_transform(${this.var}, ${rect});`}
 		`);
 
-		let params;
+		let params: Node | ReturnType<typeof x>;
 		if (this.node.animation.expression) {
 			params = this.node.animation.expression.manipulate(block);
 
@@ -1035,8 +1129,8 @@ export default class ElementWrapper extends Wrapper {
 		const has_spread = this.node.attributes.some(attr => attr.is_spread);
 		this.node.classes.forEach(class_directive => {
 			const { expression, name } = class_directive;
-			let snippet;
-			let dependencies;
+			let snippet: Node | string;
+			let dependencies: Set<string>;
 			if (expression) {
 				snippet = expression.manipulate(block);
 				dependencies = expression.dependencies;
@@ -1048,11 +1142,14 @@ export default class ElementWrapper extends Wrapper {
 
 			block.chunks.hydrate.push(updater);
 
-			if (has_spread) {
+			if ((this.node.is_dynamic_element || has_spread) && this.has_dynamic_attribute) {
 				block.chunks.update.push(updater);
 			} else if ((dependencies && dependencies.size > 0) || this.class_dependencies.length) {
 				const all_dependencies = this.class_dependencies.concat(...dependencies);
-				const condition = block.renderer.dirty(all_dependencies);
+				let condition = block.renderer.dirty(all_dependencies);
+				if (block.has_outros) {
+					condition = x`!#current || ${condition}`;
+				}
 
 				// If all of the dependencies are non-dynamic (don't get updated) then there is no reason
 				// to add an updater for this.
@@ -1074,16 +1171,16 @@ export default class ElementWrapper extends Wrapper {
 	add_styles(block: Block) {
 		const has_spread = this.node.attributes.some(attr => attr.is_spread);
 		this.node.styles.forEach((style_directive) => {
-			const { name, expression, should_cache } = style_directive;
+			const { name, expression, should_cache, important } = style_directive;
 
 			const snippet = expression.manipulate(block);
-			let cached_snippet;
+			let cached_snippet: Identifier | undefined;
 			if (should_cache) {
-				cached_snippet = block.get_unique_name(`style_${name.replace(/-/g, '_')}`);
+				cached_snippet = block.get_unique_name(`style_${name.replace(regex_minus_signs, '_')}`);
 				block.add_variable(cached_snippet, snippet);
 			}
 
-			const updater = b`@set_style(${this.var}, "${name}", ${should_cache ? cached_snippet : snippet}, false)`;
+			const updater = b`@set_style(${this.var}, "${name}", ${should_cache ? cached_snippet : snippet}, ${important ? 1 : null})`;
 
 			block.chunks.hydrate.push(updater);
 
@@ -1108,7 +1205,7 @@ export default class ElementWrapper extends Wrapper {
 		});
 	}
 
-	add_manual_style_scoping(block) {
+	add_manual_style_scoping(block: Block) {
 		if (this.node.needs_manual_style_scoping) {
 			const updater = b`@toggle_class(${this.var}, "${this.node.component.stylesheet.id}", true);`;
 			block.chunks.hydrate.push(updater);
@@ -1117,10 +1214,13 @@ export default class ElementWrapper extends Wrapper {
 	}
 }
 
+const regex_backticks = /`/g;
+const regex_dollar_signs = /\$/g;
+
 function to_html(wrappers: Array<ElementWrapper | TextWrapper | MustacheTagWrapper | RawMustacheTagWrapper>, block: Block, literal: any, state: any, can_use_raw_text?: boolean) {
 	wrappers.forEach(wrapper => {
 		if (wrapper instanceof TextWrapper) {
-			// Don't add the <pre>/<textare> newline logic here because pre/textarea.innerHTML
+			// Don't add the <pre>/<textarea> newline logic here because pre/textarea.innerHTML
 			// would keep the leading newline, too, only someParent.innerHTML = '..<pre/textarea>..' won't
 
 			if ((wrapper as TextWrapper).use_space()) state.quasi.value.raw += ' ';
@@ -1134,9 +1234,9 @@ function to_html(wrappers: Array<ElementWrapper | TextWrapper | MustacheTagWrapp
 			);
 
 			state.quasi.value.raw += (raw ? wrapper.data : escape_html(wrapper.data))
-				.replace(/\\/g, '\\\\')
-				.replace(/`/g, '\\`')
-				.replace(/\$/g, '\\$');
+				.replace(regex_backslashes, '\\\\')
+				.replace(regex_backticks, '\\`')
+				.replace(regex_dollar_signs, '\\$');
 		} else if (wrapper instanceof MustacheTagWrapper || wrapper instanceof RawMustacheTagWrapper) {
 			literal.quasis.push(state.quasi);
 			literal.expressions.push(wrapper.node.expression.manipulate(block));
@@ -1147,10 +1247,12 @@ function to_html(wrappers: Array<ElementWrapper | TextWrapper | MustacheTagWrapp
 		} else if (wrapper.node.name === 'noscript') {
 			// do nothing
 		} else {
+			const nodeName = wrapper.node.name;
+
 			// element
-			state.quasi.value.raw += `<${wrapper.node.name}`;
+			state.quasi.value.raw += `<${nodeName}`;
 
-			const is_empty_textarea = wrapper.node.name === 'textarea' && wrapper.fragment.nodes.length === 0;
+			const is_empty_textarea = nodeName === 'textarea' && wrapper.fragment.nodes.length === 0;
 
 			(wrapper as ElementWrapper).attributes.forEach((attr: AttributeWrapper) => {
 				if (is_empty_textarea && attr.node.name === 'value') {
@@ -1167,11 +1269,11 @@ function to_html(wrappers: Array<ElementWrapper | TextWrapper | MustacheTagWrapp
 			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];
-					if (first && first.node.type === 'Text' && start_newline.test(first.node.data)) {
+					if (first && first.node.type === 'Text' && regex_starts_with_newline.test(first.node.data)) {
 						state.quasi.value.raw += '\n';
 					}
 				}
@@ -1183,7 +1285,7 @@ function to_html(wrappers: Array<ElementWrapper | TextWrapper | MustacheTagWrapp
 						// Two or more leading newlines are required to restore the leading newline immediately after `<textarea>`.
 						// see https://html.spec.whatwg.org/multipage/syntax.html#element-restrictions
 						const first = value_attribute.node.chunks[0];
-						if (first && first.type === 'Text' && start_newline.test(first.data)) {
+						if (first && first.type === 'Text' && regex_starts_with_newline.test(first.data)) {
 							state.quasi.value.raw += '\n';
 						}
 						to_html_for_attr_value(value_attribute, block, literal, state);
@@ -1192,7 +1294,7 @@ function to_html(wrappers: Array<ElementWrapper | TextWrapper | MustacheTagWrapp
 
 				to_html(wrapper.fragment.nodes as Array<ElementWrapper | TextWrapper>, block, literal, state);
 
-				state.quasi.value.raw += `</${wrapper.node.name}>`;
+				state.quasi.value.raw += `</${nodeName}>`;
 			} else {
 				state.quasi.value.raw += '/>';
 			}
diff --git a/src/compiler/compile/render_dom/wrappers/Fragment.ts b/src/compiler/compile/render_dom/wrappers/Fragment.ts
index 6348d9bc189..8c633aeb71f 100644
--- a/src/compiler/compile/render_dom/wrappers/Fragment.ts
+++ b/src/compiler/compile/render_dom/wrappers/Fragment.ts
@@ -22,6 +22,7 @@ import Block from '../Block';
 import { trim_start, trim_end } from '../../../utils/trim';
 import { link } from '../../../utils/link';
 import { Identifier } from 'estree';
+import { regex_starts_with_whitespace } from '../../../utils/patterns';
 
 const wrappers = {
 	AwaitBlock,
@@ -66,7 +67,7 @@ export default class FragmentWrapper {
 		this.nodes = [];
 
 		let last_child: Wrapper;
-		let window_wrapper;
+		let window_wrapper: Window | undefined;
 
 		let i = nodes.length;
 		while (i--) {
@@ -94,7 +95,7 @@ export default class FragmentWrapper {
 				// *unless* there is no whitespace between this node and its next sibling
 				if (this.nodes.length === 0) {
 					const should_trim = (
-						next_sibling ? (next_sibling.node.type === 'Text' && /^\s/.test(next_sibling.node.data) && trimmable_at(child, next_sibling)) : !child.has_ancestor('EachBlock')
+						next_sibling ? (next_sibling.node.type === 'Text' && regex_starts_with_whitespace.test(next_sibling.node.data) && trimmable_at(child, next_sibling)) : !child.has_ancestor('EachBlock')
 					);
 
 					if (should_trim && !child.keep_space()) {
diff --git a/src/compiler/compile/render_dom/wrappers/Head.ts b/src/compiler/compile/render_dom/wrappers/Head.ts
index e0b723d6dd8..7915604f98e 100644
--- a/src/compiler/compile/render_dom/wrappers/Head.ts
+++ b/src/compiler/compile/render_dom/wrappers/Head.ts
@@ -33,10 +33,10 @@ export default class HeadWrapper extends Wrapper {
 	}
 
 	render(block: Block, _parent_node: Identifier, _parent_nodes: Identifier) {
-		let nodes;
+		let nodes: Identifier;
 		if (this.renderer.options.hydratable && this.fragment.nodes.length) {
 			nodes = block.get_unique_name('head_nodes');
-			block.chunks.claim.push(b`const ${nodes} = @query_selector_all('[data-svelte="${this.node.id}"]', @_document.head);`);
+			block.chunks.claim.push(b`const ${nodes} = @head_selector('${this.node.id}', @_document.head);`);
 		}
 
 		this.fragment.render(block, x`@_document.head` as unknown as Identifier, nodes);
diff --git a/src/compiler/compile/render_dom/wrappers/IfBlock.ts b/src/compiler/compile/render_dom/wrappers/IfBlock.ts
index d74ce270bfe..9c4798c69cf 100644
--- a/src/compiler/compile/render_dom/wrappers/IfBlock.ts
+++ b/src/compiler/compile/render_dom/wrappers/IfBlock.ts
@@ -13,6 +13,8 @@ import { Identifier, Node } from 'estree';
 import { push_array } from '../../../utils/push_array';
 import { add_const_tags, add_const_tags_context } from './shared/add_const_tags';
 
+type DetachingOrNull = 'detaching' | null;
+
 function is_else_if(node: ElseBlock) {
 	return (
 		node && node.children.length === 1 && node.children[0].type === 'IfBlock'
@@ -213,7 +215,7 @@ export default class IfBlockWrapper extends Wrapper {
 
 		const vars = { name, anchor, if_exists_condition, has_else, has_transitions };
 
-		const detaching = parent_node && !is_head(parent_node) ? null : 'detaching';
+		const detaching: DetachingOrNull = parent_node && !is_head(parent_node) ? null : 'detaching';
 
 		if (this.node.else) {
 			this.branches.forEach(branch => {
@@ -275,9 +277,9 @@ export default class IfBlockWrapper extends Wrapper {
 		block: Block,
 		parent_node: Identifier,
 		_parent_nodes: Identifier,
-		dynamic,
+		dynamic: boolean,
 		{ name, anchor, has_else, if_exists_condition, has_transitions },
-		detaching
+		detaching: DetachingOrNull
 	) {
 		const select_block_type = this.renderer.component.get_unique_name('select_block_type');
 		const current_block_type = block.get_unique_name('current_block_type');
@@ -414,9 +416,9 @@ export default class IfBlockWrapper extends Wrapper {
 		block: Block,
 		parent_node: Identifier,
 		_parent_nodes: Identifier,
-		dynamic,
+		dynamic: boolean,
 		{ name, anchor, has_else, has_transitions, if_exists_condition },
-		detaching
+		detaching: DetachingOrNull
 	) {
 		const select_block_type = this.renderer.component.get_unique_name('select_block_type');
 		const current_block_type_index = block.get_unique_name('current_block_type_index');
@@ -428,8 +430,8 @@ export default class IfBlockWrapper extends Wrapper {
 		const if_ctx = select_block_ctx ? x`${select_block_ctx}(#ctx, ${current_block_type_index})` : x`#ctx`;
 
 		const if_current_block_type_index = has_else
-			? nodes => nodes
-			: nodes => b`if (~${current_block_type_index}) { ${nodes} }`;
+			? (nodes: Node[]) => nodes
+			: (nodes: Node[]) => b`if (~${current_block_type_index}) { ${nodes} }`;
 
 		block.add_variable(current_block_type_index);
 		block.add_variable(name);
@@ -593,9 +595,9 @@ export default class IfBlockWrapper extends Wrapper {
 		block: Block,
 		parent_node: Identifier,
 		_parent_nodes: Identifier,
-		dynamic,
+		dynamic: boolean,
 		{ name, anchor, if_exists_condition, has_transitions },
-		detaching
+		detaching: DetachingOrNull
 	) {
 		const branch = this.branches[0];
 		const if_ctx = branch.get_ctx_name ? x`${branch.get_ctx_name}(#ctx)` : x`#ctx`;
diff --git a/src/compiler/compile/render_dom/wrappers/InlineComponent/index.ts b/src/compiler/compile/render_dom/wrappers/InlineComponent/index.ts
index e6eab33fbde..ab140a75c50 100644
--- a/src/compiler/compile/render_dom/wrappers/InlineComponent/index.ts
+++ b/src/compiler/compile/render_dom/wrappers/InlineComponent/index.ts
@@ -20,9 +20,13 @@ import { string_to_member_expression } from '../../../utils/string_to_member_exp
 import SlotTemplate from '../../../nodes/SlotTemplate';
 import { is_head } from '../shared/is_head';
 import compiler_warnings from '../../../compiler_warnings';
+import { namespaces } from '../../../../utils/namespaces';
+import { extract_ignores_above_node } from '../../../../utils/extract_svelte_ignore';
 
 type SlotDefinition = { block: Block; scope: TemplateScope; get_context?: Node; get_changes?: Node };
 
+const regex_invalid_variable_identifier_characters = /[^a-zA-Z_$]/g;
+
 export default class InlineComponentWrapper extends Wrapper {
 	var: Identifier;
 	slots: Map<string, SlotDefinition> = new Map();
@@ -108,9 +112,12 @@ export default class InlineComponentWrapper extends Wrapper {
 			return;
 		}
 
+    const ignores = extract_ignores_above_node(this.node);  
+    this.renderer.component.push_ignores(ignores);
 		if (variable.reassigned || variable.export_name || variable.is_reactive_dependency) {
 			this.renderer.component.warn(this.node, compiler_warnings.reactive_component(name));
 		}
+    this.renderer.component.pop_ignores();
 	}
 
 	render(
@@ -136,7 +143,7 @@ export default class InlineComponentWrapper extends Wrapper {
 			child.render(block, null, x`#nodes` as Identifier);
 		});
 
-		let props;
+		let props: Identifier | undefined;
 		const name_changes = block.get_unique_name(`${name.name}_changes`);
 
 		const uses_spread = !!this.node.attributes.find(a => a.is_spread);
@@ -150,7 +157,9 @@ export default class InlineComponentWrapper extends Wrapper {
 		}
 
 		const has_css_custom_properties = this.node.css_custom_properties.length > 0;
-		const css_custom_properties_wrapper = has_css_custom_properties ? block.get_unique_name('div') : null;
+		const is_svg_namespace = this.node.namespace === namespaces.svg;
+		const css_custom_properties_wrapper_element = is_svg_namespace ? 'g' : 'div';
+		const css_custom_properties_wrapper = has_css_custom_properties ? block.get_unique_name(css_custom_properties_wrapper_element) : null;
 		if (has_css_custom_properties) {
 			block.add_variable(css_custom_properties_wrapper);
 		}
@@ -229,7 +238,7 @@ export default class InlineComponentWrapper extends Wrapper {
 						: null;
 					const unchanged = dependencies.size === 0;
 
-					let change_object;
+					let change_object: Node | ReturnType<typeof x>;
 					if (attr.is_spread) {
 						const value = attr.expression.manipulate(block);
 						initial_props.push(value);
@@ -399,11 +408,21 @@ export default class InlineComponentWrapper extends Wrapper {
 			return b`${name}.$on("${handler.name}", ${snippet});`;
 		});
 
+		const mount_target = has_css_custom_properties ? css_custom_properties_wrapper : (parent_node || '#target');
+		const mount_anchor = has_css_custom_properties ? 'null' : (parent_node ? 'null' : '#anchor');
+		const to_claim = parent_nodes && this.renderer.options.hydratable;
+		let claim_nodes = parent_nodes;
+
 		if (this.node.name === 'svelte:component') {
 			const switch_value = block.get_unique_name('switch_value');
 			const switch_props = block.get_unique_name('switch_props');
 
 			const snippet = this.node.expression.manipulate(block);
+			const dependencies = this.node.expression.dynamic_dependencies();
+
+			if (has_css_custom_properties) {
+				this.set_css_custom_properties(block, css_custom_properties_wrapper, css_custom_properties_wrapper_element, is_svg_namespace);
+			}
 
 			block.chunks.init.push(b`
 				var ${switch_value} = ${snippet};
@@ -416,7 +435,7 @@ export default class InlineComponentWrapper extends Wrapper {
 				}
 
 				if (${switch_value}) {
-					${name} = new ${switch_value}(${switch_props}(#ctx));
+					${name} = @construct_svelte_component(${switch_value}, ${switch_props}(#ctx));
 
 					${munged_bindings}
 					${munged_handlers}
@@ -427,20 +446,13 @@ export default class InlineComponentWrapper extends Wrapper {
 				b`if (${name}) @create_component(${name}.$$.fragment);`
 			);
 
-			if (parent_nodes && this.renderer.options.hydratable) {
-				block.chunks.claim.push(
-					b`if (${name}) @claim_component(${name}.$$.fragment, ${parent_nodes});`
-				);
-			}
-
-			block.chunks.mount.push(b`
-				if (${name}) {
-					@mount_component(${name}, ${parent_node || '#target'}, ${parent_node ? 'null' : '#anchor'});
-				}
-			`);
+			if (css_custom_properties_wrapper) this.create_css_custom_properties_wrapper_mount_chunk(block, parent_node, css_custom_properties_wrapper);
+			block.chunks.mount.push(b`if (${name}) @mount_component(${name}, ${mount_target}, ${mount_anchor});`);
 
-			const anchor = this.get_or_create_anchor(block, parent_node, parent_nodes);
-			const update_mount_node = this.get_update_mount_node(anchor);
+			if (to_claim) {
+				if (css_custom_properties_wrapper) claim_nodes = this.create_css_custom_properties_wrapper_claim_chunk(block, claim_nodes, css_custom_properties_wrapper, css_custom_properties_wrapper_element, is_svg_namespace);
+				block.chunks.claim.push(b`if (${name}) @claim_component(${name}.$$.fragment, ${claim_nodes});`);
+			}
 
 			if (updates.length) {
 				block.chunks.update.push(b`
@@ -448,19 +460,35 @@ export default class InlineComponentWrapper extends Wrapper {
 				`);
 			}
 
+			const tmp_anchor = this.get_or_create_anchor(block, parent_node, parent_nodes);
+			const anchor = has_css_custom_properties ? 'null' : tmp_anchor;
+			const update_mount_node = has_css_custom_properties ? css_custom_properties_wrapper : this.get_update_mount_node(tmp_anchor);
+			const update_insert =
+				css_custom_properties_wrapper &&
+				(tmp_anchor.name !== 'null'
+					? b`@insert(${tmp_anchor}.parentNode, ${css_custom_properties_wrapper}, ${tmp_anchor});`
+					: b`@insert(${parent_node}, ${css_custom_properties_wrapper}, ${tmp_anchor});`);
+
+			let update_condition = x`${switch_value} !== (${switch_value} = ${snippet})`;
+			if (dependencies.length > 0) {
+				update_condition = x`${block.renderer.dirty(dependencies)} && ${update_condition}`;
+			}
+
 			block.chunks.update.push(b`
-				if (${switch_value} !== (${switch_value} = ${snippet})) {
+				if (${update_condition}) {
 					if (${name}) {
 						@group_outros();
 						const old_component = ${name};
 						@transition_out(old_component.$$.fragment, 1, 0, () => {
 							@destroy_component(old_component, 1);
+							${has_css_custom_properties ? b`@detach(${update_mount_node})` : null}
 						});
 						@check_outros();
 					}
 
 					if (${switch_value}) {
-						${name} = new ${switch_value}(${switch_props}(#ctx));
+						${update_insert}
+						${name} = @construct_svelte_component(${switch_value}, ${switch_props}(#ctx));
 
 						${munged_bindings}
 						${munged_handlers}
@@ -501,62 +529,16 @@ export default class InlineComponentWrapper extends Wrapper {
 			`);
 
 			if (has_css_custom_properties) {
-				block.chunks.create.push(b`${css_custom_properties_wrapper} = @element("div");`);
-				block.chunks.hydrate.push(b`@set_style(${css_custom_properties_wrapper}, "display", "contents");`);
-				this.node.css_custom_properties.forEach(attr => {
-					const dependencies = attr.get_dependencies();
-					const should_cache = attr.should_cache();
-					const last = should_cache && block.get_unique_name(`${attr.name.replace(/[^a-zA-Z_$]/g, '_')}_last`);
-					if (should_cache) block.add_variable(last);
-					const value = attr.get_value(block);
-					const init = should_cache ? x`${last} = ${value}` : value;
-
-					block.chunks.hydrate.push(b`@set_style(${css_custom_properties_wrapper}, "${attr.name}", ${init});`);
-					if (dependencies.length > 0) {
-						let condition = block.renderer.dirty(dependencies);
-						if (should_cache) condition = x`${condition} && (${last} !== (${last} = ${value}))`;
-
-						block.chunks.update.push(b`
-							if (${condition}) {
-								@set_style(${css_custom_properties_wrapper}, "${attr.name}", ${should_cache ? last : value});
-							}
-						`);
-					}
-				});
+				this.set_css_custom_properties(block, css_custom_properties_wrapper, css_custom_properties_wrapper_element, is_svg_namespace);
 			}
 			block.chunks.create.push(b`@create_component(${name}.$$.fragment);`);
 
-			if (parent_nodes && this.renderer.options.hydratable) {
-				let nodes = parent_nodes;
-				if (has_css_custom_properties) {
-					nodes = block.get_unique_name(`${css_custom_properties_wrapper.name}_nodes`);
-					block.chunks.claim.push(b`
-						${css_custom_properties_wrapper} = @claim_element(${parent_nodes}, "DIV", { style: true })
-						var ${nodes} = @children(${css_custom_properties_wrapper});
-					`);
-				}
-				block.chunks.claim.push(
-					b`@claim_component(${name}.$$.fragment, ${nodes});`
-				);
-			}
+			if (css_custom_properties_wrapper) this.create_css_custom_properties_wrapper_mount_chunk(block, parent_node, css_custom_properties_wrapper);
+			block.chunks.mount.push(b`@mount_component(${name}, ${mount_target}, ${mount_anchor});`);
 
-			if (has_css_custom_properties) {
-				if (parent_node) {
-					block.chunks.mount.push(b`@append(${parent_node}, ${css_custom_properties_wrapper})`);
-					if (is_head(parent_node)) {
-						block.chunks.destroy.push(b`@detach(${css_custom_properties_wrapper});`);
-					}
-				} else {
-					block.chunks.mount.push(b`@insert(#target, ${css_custom_properties_wrapper}, #anchor);`);
-					// TODO we eventually need to consider what happens to elements
-					// that belong to the same outgroup as an outroing element...
-					block.chunks.destroy.push(b`if (detaching) @detach(${css_custom_properties_wrapper});`);
-				}
-				block.chunks.mount.push(b`@mount_component(${name}, ${css_custom_properties_wrapper}, null);`);
-			} else {
-				block.chunks.mount.push(
-					b`@mount_component(${name}, ${parent_node || '#target'}, ${parent_node ? 'null' : '#anchor'});`
-				);
+			if (to_claim) {
+				if (css_custom_properties_wrapper) claim_nodes = this.create_css_custom_properties_wrapper_claim_chunk(block, claim_nodes, css_custom_properties_wrapper, css_custom_properties_wrapper_element, is_svg_namespace);
+				block.chunks.claim.push(b`@claim_component(${name}.$$.fragment, ${claim_nodes});`);
 			}
 
 			block.chunks.intro.push(b`
@@ -579,4 +561,70 @@ export default class InlineComponentWrapper extends Wrapper {
 			);
 		}
 	}
+
+	private create_css_custom_properties_wrapper_mount_chunk(
+		block: Block,
+		parent_node: Identifier,
+		css_custom_properties_wrapper: Identifier | null
+	) {
+			if (parent_node) {
+				block.chunks.mount.push(b`@append(${parent_node}, ${css_custom_properties_wrapper})`);
+				if (is_head(parent_node)) {
+					block.chunks.destroy.push(b`@detach(${css_custom_properties_wrapper});`);
+				}
+			} else {
+				block.chunks.mount.push(b`@insert(#target, ${css_custom_properties_wrapper}, #anchor);`);
+				// TODO we eventually need to consider what happens to elements
+				// that belong to the same outgroup as an outroing element...
+				block.chunks.destroy.push(b`if (detaching && ${this.var}) @detach(${css_custom_properties_wrapper});`);
+			}
+	}
+
+	private create_css_custom_properties_wrapper_claim_chunk(
+		block: Block,
+		parent_nodes: Identifier,
+		css_custom_properties_wrapper: Identifier | null,
+		css_custom_properties_wrapper_element: string,
+		is_svg_namespace: boolean
+	) {
+		const nodes = block.get_unique_name(`${css_custom_properties_wrapper.name}_nodes`);
+		const claim_element = is_svg_namespace ? x`@claim_svg_element` : x`@claim_element`;
+		block.chunks.claim.push(b`
+			${css_custom_properties_wrapper} = ${claim_element}(${parent_nodes}, "${css_custom_properties_wrapper_element.toUpperCase()}", { style: true })
+			var ${nodes} = @children(${css_custom_properties_wrapper});
+		`);
+		return nodes;
+	}
+
+	private set_css_custom_properties(
+		block: Block,
+		css_custom_properties_wrapper: Identifier,
+		css_custom_properties_wrapper_element: string,
+		is_svg_namespace: boolean
+	) {
+		const element = is_svg_namespace ? x`@svg_element` : x`@element`;
+		block.chunks.create.push(b`${css_custom_properties_wrapper} = ${element}("${css_custom_properties_wrapper_element}");`);
+		if (!is_svg_namespace) block.chunks.hydrate.push(b`@set_style(${css_custom_properties_wrapper}, "display", "contents");`);
+		this.node.css_custom_properties.forEach((attr) => {
+			const dependencies = attr.get_dependencies();
+			const should_cache = attr.should_cache();
+			const last = should_cache &&	block.get_unique_name(`${attr.name.replace(regex_invalid_variable_identifier_characters, '_')}_last`);
+			if (should_cache) block.add_variable(last);
+			const value = attr.get_value(block);
+			const init = should_cache ? x`${last} = ${value}` : value;
+
+			block.chunks.hydrate.push(
+				b`@set_style(${css_custom_properties_wrapper}, "${attr.name}", ${init});`
+			);
+			if (dependencies.length > 0) {
+				let condition = block.renderer.dirty(dependencies);
+				if (should_cache) condition = x`${condition} && (${last} !== (${last} = ${value}))`;
+				block.chunks.update.push(b`
+					if (${condition}) {
+						@set_style(${css_custom_properties_wrapper}, "${attr.name}", ${should_cache ? last : value});
+					}
+				`);
+			}
+		});
+	}
 }
diff --git a/src/compiler/compile/render_dom/wrappers/RawMustacheTag.ts b/src/compiler/compile/render_dom/wrappers/RawMustacheTag.ts
index 7810d8f099f..6cd8820b875 100644
--- a/src/compiler/compile/render_dom/wrappers/RawMustacheTag.ts
+++ b/src/compiler/compile/render_dom/wrappers/RawMustacheTag.ts
@@ -1,4 +1,4 @@
-import { namespaces } from './../../../utils/namespaces';
+import { namespaces } from '../../../utils/namespaces';
 import { b, x } from 'code-red';
 import Renderer from '../Renderer';
 import Block from '../Block';
@@ -8,7 +8,7 @@ import Element from '../../nodes/Element';
 import MustacheTag from '../../nodes/MustacheTag';
 import RawMustacheTag from '../../nodes/RawMustacheTag';
 import { is_head } from './shared/is_head';
-import { Identifier } from 'estree';
+import { Identifier, Node } from 'estree';
 
 export default class RawMustacheTagWrapper extends Tag {
 	var: Identifier = { type: 'Identifier', name: 'raw' };
@@ -30,7 +30,7 @@ export default class RawMustacheTagWrapper extends Tag {
 		const can_use_innerhtml = !in_head && parent_node && !this.prev && !this.next;
 
 		if (can_use_innerhtml) {
-			const insert = content => b`${parent_node}.innerHTML = ${content};`[0];
+			const insert = (content: Node) => b`${parent_node}.innerHTML = ${content};`[0];
 
 			const { init } = this.rename_this_method(
 				block,
diff --git a/src/compiler/compile/render_dom/wrappers/Slot.ts b/src/compiler/compile/render_dom/wrappers/Slot.ts
index 5a778ba5fbc..0a589e33948 100644
--- a/src/compiler/compile/render_dom/wrappers/Slot.ts
+++ b/src/compiler/compile/render_dom/wrappers/Slot.ts
@@ -9,7 +9,7 @@ import add_to_set from '../../utils/add_to_set';
 import get_slot_data from '../../utils/get_slot_data';
 import { is_reserved_keyword } from '../../utils/reserved_keywords';
 import is_dynamic from './shared/is_dynamic';
-import { Identifier, ObjectExpression } from 'estree';
+import { Identifier, ObjectExpression, Node } from 'estree';
 import create_debugging_comment from './shared/create_debugging_comment';
 
 export default class SlotWrapper extends Wrapper {
@@ -75,9 +75,9 @@ export default class SlotWrapper extends Wrapper {
 			block = this.slot_block;
 		}
 
-		let get_slot_changes_fn;
-		let get_slot_spread_changes_fn;
-		let get_slot_context_fn;
+		let get_slot_changes_fn: Identifier | 'null';
+		let get_slot_spread_changes_fn: Identifier | undefined;
+		let get_slot_context_fn: Identifier | 'null';
 
 		if (this.node.values.size > 0) {
 			get_slot_changes_fn = renderer.component.get_unique_name(`get_${sanitize(slot_name)}_slot_changes`);
@@ -176,7 +176,7 @@ export default class SlotWrapper extends Wrapper {
 		].filter(Boolean);
 		const all_dirty_condition = all_dirty_conditions.length ? all_dirty_conditions.reduce((condition1, condition2) => x`${condition1} || ${condition2}`) : null;
 
-		let slot_update;
+		let slot_update: Node[];
 		if (all_dirty_condition) {
 			const dirty = x`${all_dirty_condition} ? @get_all_dirty_from_scope(${renderer.reference('$$scope')}) : @get_slot_changes(${slot_definition}, ${renderer.reference('$$scope')}, #dirty, ${get_slot_changes_fn})`;
 
diff --git a/src/compiler/compile/render_dom/wrappers/Text.ts b/src/compiler/compile/render_dom/wrappers/Text.ts
index 2a342b5678c..7d02735d9a5 100644
--- a/src/compiler/compile/render_dom/wrappers/Text.ts
+++ b/src/compiler/compile/render_dom/wrappers/Text.ts
@@ -5,6 +5,8 @@ import Wrapper from './shared/Wrapper';
 import { x } from 'code-red';
 import { Identifier } from 'estree';
 
+const regex_non_whitespace_characters = /[\S\u00A0]/;
+
 export default class TextWrapper extends Wrapper {
 	node: Text;
 	data: string;
@@ -27,7 +29,7 @@ export default class TextWrapper extends Wrapper {
 
 	use_space() {
 		if (this.renderer.component.component_options.preserveWhitespace) return false;
-		if (/[\S\u00A0]/.test(this.data)) return false;
+		if (regex_non_whitespace_characters.test(this.data)) return false;
 
 		return !this.node.within_pre();
 	}
diff --git a/src/compiler/compile/render_dom/wrappers/Window.ts b/src/compiler/compile/render_dom/wrappers/Window.ts
index 3c55680446f..c98af182688 100644
--- a/src/compiler/compile/render_dom/wrappers/Window.ts
+++ b/src/compiler/compile/render_dom/wrappers/Window.ts
@@ -45,7 +45,7 @@ export default class WindowWrapper extends Wrapper {
 		const { renderer } = this;
 		const { component } = renderer;
 
-		const events = {};
+		const events: Record<string, Array<{ name: string; value: string }>> = {};
 		const bindings: Record<string, string> = {};
 
 		add_actions(block, '@_window', this.node.actions);
diff --git a/src/compiler/compile/render_dom/wrappers/shared/add_actions.ts b/src/compiler/compile/render_dom/wrappers/shared/add_actions.ts
index 6429f18928a..734cfea9726 100644
--- a/src/compiler/compile/render_dom/wrappers/shared/add_actions.ts
+++ b/src/compiler/compile/render_dom/wrappers/shared/add_actions.ts
@@ -1,7 +1,7 @@
 import { b, x } from 'code-red';
 import Block from '../../Block';
 import Action from '../../../nodes/Action';
-import { Expression } from 'estree';
+import { Expression, Node } from 'estree';
 import is_contextual from '../../../nodes/shared/is_contextual';
 
 export default function add_actions(
@@ -12,10 +12,12 @@ export default function add_actions(
 	actions.forEach(action => add_action(block, target, action));
 }
 
+const regex_invalid_variable_identifier_characters = /[^a-zA-Z0-9_$]/g;
+
 export function add_action(block: Block, target: string | Expression, action: Action) {
 	const { expression, template_scope } = action;
-	let snippet;
-	let dependencies;
+	let snippet: Node | undefined;
+	let dependencies: string[] | undefined;
 
 	if (expression) {
 		snippet = expression.manipulate(block);
@@ -23,7 +25,7 @@ export function add_action(block: Block, target: string | Expression, action: Ac
 	}
 
 	const id = block.get_unique_name(
-		`${action.name.replace(/[^a-zA-Z0-9_$]/g, '_')}_action`
+		`${action.name.replace(regex_invalid_variable_identifier_characters, '_')}_action`
 	);
 
 	block.add_variable(id);
diff --git a/src/compiler/compile/render_dom/wrappers/shared/create_debugging_comment.ts b/src/compiler/compile/render_dom/wrappers/shared/create_debugging_comment.ts
index 8e9f7fab37c..9e989dc49c4 100644
--- a/src/compiler/compile/render_dom/wrappers/shared/create_debugging_comment.ts
+++ b/src/compiler/compile/render_dom/wrappers/shared/create_debugging_comment.ts
@@ -1,5 +1,7 @@
 import Component from '../../../Component';
 import { INode } from '../../../nodes/interfaces';
+import { regex_whitespace_characters } from '../../../../utils/patterns';
+
 
 export default function create_debugging_comment(
 	node: INode,
@@ -13,7 +15,7 @@ export default function create_debugging_comment(
 		while (source[c - 1] === '{') c -= 1;
 	}
 
-	let d;
+	let d: number;
 
 	if (node.type === 'InlineComponent' || node.type === 'Element' || node.type === 'SlotTemplate') {
 		if (node.children.length) {
@@ -36,5 +38,5 @@ export default function create_debugging_comment(
 	const start = locate(c);
 	const loc = `(${start.line}:${start.column})`;
 
-	return `${loc} ${source.slice(c, d)}`.replace(/\s/g, ' ');
+	return `${loc} ${source.slice(c, d)}`.replace(regex_whitespace_characters, ' ');
 }
diff --git a/src/compiler/compile/render_dom/wrappers/shared/get_slot_definition.ts b/src/compiler/compile/render_dom/wrappers/shared/get_slot_definition.ts
index 2279c7c8458..2114096988a 100644
--- a/src/compiler/compile/render_dom/wrappers/shared/get_slot_definition.ts
+++ b/src/compiler/compile/render_dom/wrappers/shared/get_slot_definition.ts
@@ -2,7 +2,7 @@ import Let from '../../../nodes/Let';
 import { x, p } from 'code-red';
 import Block from '../../Block';
 import TemplateScope from '../../../nodes/shared/TemplateScope';
-import { BinaryExpression } from 'estree';
+import { BinaryExpression, Identifier } from 'estree';
 
 export function get_slot_definition(block: Block, scope: TemplateScope, lets: Let[]) {
 	if (lets.length === 0) return { block, scope };
@@ -21,7 +21,7 @@ export function get_slot_definition(block: Block, scope: TemplateScope, lets: Le
 	const value_map = new Map();
 
 	lets.forEach(l => {
-		let value;
+		let value: Identifier;
 		if (l.names.length > 1) {
 			// more than one, probably destructuring
 			const unique_name = block.get_unique_name(l.names.join('_')).name;
@@ -86,7 +86,7 @@ export function get_slot_definition(block: Block, scope: TemplateScope, lets: Le
 					elements[g] = grouped[g]
 						? grouped[g]
 							.map(({ name, n }) => x`${name} ? ${1 << n} : 0`)
-							.reduce((lhs, rhs) => x`${lhs} | ${rhs}`)
+							.reduce((lhs: ReturnType<typeof x>, rhs: ReturnType<typeof x>) => x`${lhs} | ${rhs}`)
 						: x`0`;
 				}
 
diff --git a/src/compiler/compile/render_dom/wrappers/shared/is_head.ts b/src/compiler/compile/render_dom/wrappers/shared/is_head.ts
index 36bf571aad5..da34274d5b7 100644
--- a/src/compiler/compile/render_dom/wrappers/shared/is_head.ts
+++ b/src/compiler/compile/render_dom/wrappers/shared/is_head.ts
@@ -1,3 +1,5 @@
-export function is_head(node) {
-	return node && node.type === 'MemberExpression' && node.object.name === '@_document' && node.property.name === 'head';
+import { Node } from 'estree';
+
+export function is_head(node: Node) {
+	return node && node.type === 'MemberExpression' && node.object['name'] === '@_document' && node.property['name'] === 'head';
 }
diff --git a/src/compiler/compile/render_ssr/Renderer.ts b/src/compiler/compile/render_ssr/Renderer.ts
index 2851d819d79..ac78d032ead 100644
--- a/src/compiler/compile/render_ssr/Renderer.ts
+++ b/src/compiler/compile/render_ssr/Renderer.ts
@@ -16,6 +16,7 @@ import Title from './handlers/Title';
 import { AppendTarget, CompileOptions } from '../../interfaces';
 import { INode } from '../nodes/interfaces';
 import { Expression, TemplateLiteral, Identifier } from 'estree';
+import { collapse_template_literal } from '../utils/collapse_template_literal';
 import { escape_template } from '../utils/stringify';
 
 type Handler = (node: any, renderer: Renderer, options: CompileOptions) => void;
@@ -107,6 +108,9 @@ export default class Renderer {
 			this.current = last.current;
 		}
 
+		// Optimize the TemplateLiteral to remove unnecessary nodes
+		collapse_template_literal(popped.literal);
+
 		return popped.literal;
 	}
 
diff --git a/src/compiler/compile/render_ssr/handlers/Element.ts b/src/compiler/compile/render_ssr/handlers/Element.ts
index 7f7672349ed..f1dd86dd2bb 100644
--- a/src/compiler/compile/render_ssr/handlers/Element.ts
+++ b/src/compiler/compile/render_ssr/handlers/Element.ts
@@ -8,7 +8,7 @@ import Expression from '../../nodes/shared/Expression';
 import remove_whitespace_children from './utils/remove_whitespace_children';
 import fix_attribute_casing from '../../render_dom/wrappers/Element/fix_attribute_casing';
 import { namespaces } from '../../../utils/namespaces';
-import { start_newline } from '../../../utils/patterns';
+import { regex_starts_with_newline } from '../../../utils/patterns';
 import { Node, Expression as ESExpression } from 'estree';
 
 export default function (node: Element, renderer: Renderer, options: RenderOptions) {
@@ -44,7 +44,10 @@ export default function (node: Element, renderer: Renderer, options: RenderOptio
 		class_expression_list.reduce((lhs, rhs) => x`${lhs} + ' ' + ${rhs}`);
 
 	const style_expression_list = node.styles.map(style_directive => {
-		const { name, expression: { node: expression } } = style_directive;
+		let { name, important, expression: { node: expression } } = style_directive;
+		if (important) {
+			expression = x`${expression} + ' !important'`;
+		}
 		return p`"${name}": ${expression}`;
 	});
 
@@ -157,10 +160,6 @@ export default function (node: Element, renderer: Renderer, options: RenderOptio
 		}
 	});
 
-	if (options.hydratable && options.head_id) {
-		renderer.add_string(` data-svelte="${options.head_id}"`);
-	}
-
 	renderer.add_string('>');
 
 	if (node_contents !== undefined) {
@@ -177,7 +176,7 @@ export default function (node: Element, renderer: Renderer, options: RenderOptio
 				const value_attribute = node.attributes.find(({ name }) => name === 'value');
 				if (value_attribute) {
 					const first = value_attribute.chunks[0];
-					if (first && first.type === 'Text' && start_newline.test(first.data)) {
+					if (first && first.type === 'Text' && regex_starts_with_newline.test(first.data)) {
 						renderer.add_string('\n');
 					}
 				}
@@ -192,7 +191,7 @@ export default function (node: Element, renderer: Renderer, options: RenderOptio
 			// see https://html.spec.whatwg.org/multipage/grouping-content.html#the-pre-element
 			// see https://html.spec.whatwg.org/multipage/syntax.html#element-restrictions
 			const first = children[0];
-			if (first && first.type === 'Text' && start_newline.test(first.data)) {
+			if (first && first.type === 'Text' && regex_starts_with_newline.test(first.data)) {
 				renderer.add_string('\n');
 			}
 		}
diff --git a/src/compiler/compile/render_ssr/handlers/Head.ts b/src/compiler/compile/render_ssr/handlers/Head.ts
index cf1e6bd555b..95648e1acaf 100644
--- a/src/compiler/compile/render_ssr/handlers/Head.ts
+++ b/src/compiler/compile/render_ssr/handlers/Head.ts
@@ -1,6 +1,7 @@
 import Renderer, { RenderOptions } from '../Renderer';
 import Head from '../../nodes/Head';
 import { x } from 'code-red';
+import { Node } from 'estree';
 
 export default function(node: Head, renderer: Renderer, options: RenderOptions) {
 	const head_options = {
@@ -11,6 +12,12 @@ export default function(node: Head, renderer: Renderer, options: RenderOptions)
 	renderer.push();
 	renderer.render(node.children, head_options);
 	const result = renderer.pop();
+	let expression: Node = result;
+	if (options.hydratable) {
+		const start_comment = `HEAD_${node.id}_START`;
+		const end_comment = `HEAD_${node.id}_END`;
+		expression = x`'<!-- ${start_comment} -->' + ${expression} + '<!-- ${end_comment} -->'`;
+	}
 
-	renderer.add_expression(x`$$result.head += ${result}, ""`);
+	renderer.add_expression(x`$$result.head += ${expression}, ""`);
 }
diff --git a/src/compiler/compile/render_ssr/handlers/InlineComponent.ts b/src/compiler/compile/render_ssr/handlers/InlineComponent.ts
index 626365e3e24..73d31940e20 100644
--- a/src/compiler/compile/render_ssr/handlers/InlineComponent.ts
+++ b/src/compiler/compile/render_ssr/handlers/InlineComponent.ts
@@ -3,6 +3,7 @@ import { get_attribute_value } from './shared/get_attribute_value';
 import Renderer, { RenderOptions } from '../Renderer';
 import InlineComponent from '../../nodes/InlineComponent';
 import { p, x } from 'code-red';
+import { namespaces } from '../../../utils/namespaces';
 
 function get_prop_value(attribute) {
 	if (attribute.is_true) return x`true`;
@@ -35,7 +36,7 @@ export default function(node: InlineComponent, renderer: Renderer, options: Rend
 	let props;
 
 	if (uses_spread) {
-		props = x`@_Object.assign(${
+		props = x`@_Object.assign({}, ${
 			node.attributes
 				.map(attribute => {
 					if (attribute.is_spread) {
@@ -88,11 +89,16 @@ export default function(node: InlineComponent, renderer: Renderer, options: Rend
 	}`;
 
 	if (node.css_custom_properties.length > 0) {
-		renderer.add_string('<div style="display: contents;');
-		node.css_custom_properties.forEach(attr => {
-			renderer.add_string(` ${attr.name}:`);
+		if (node.namespace === namespaces.svg) {
+			renderer.add_string('<g style="');
+		} else {
+			renderer.add_string('<div style="display: contents; ');
+		}
+		node.css_custom_properties.forEach((attr, index) => {
+			renderer.add_string(`${attr.name}:`);
 			renderer.add_expression(get_attribute_value(attr));
 			renderer.add_string(';');
+			if (index < node.css_custom_properties.length - 1) renderer.add_string(' ');
 		});
 		renderer.add_string('">');
 	}
@@ -100,6 +106,10 @@ export default function(node: InlineComponent, renderer: Renderer, options: Rend
 	renderer.add_expression(x`@validate_component(${expression}, "${node.name}").$$render($$result, ${props}, ${bindings}, ${slots})`);
 
 	if (node.css_custom_properties.length > 0) {
-		renderer.add_string('</div>');
+		if (node.namespace === namespaces.svg) {
+			renderer.add_string('</g>');
+		} else {
+			renderer.add_string('</div>');
+		}
 	}
 }
diff --git a/src/compiler/compile/render_ssr/handlers/shared/get_attribute_value.ts b/src/compiler/compile/render_ssr/handlers/shared/get_attribute_value.ts
index 8af58bcc24e..f431ea01db1 100644
--- a/src/compiler/compile/render_ssr/handlers/shared/get_attribute_value.ts
+++ b/src/compiler/compile/render_ssr/handlers/shared/get_attribute_value.ts
@@ -4,12 +4,13 @@ import Text from '../../../nodes/Text';
 import { x } from 'code-red';
 import Expression from '../../../nodes/shared/Expression';
 import { Expression as ESTreeExpression } from 'estree';
+import { regex_double_quotes } from '../../../../utils/patterns';
 
 export function get_class_attribute_value(attribute: Attribute): ESTreeExpression {
 	// handle special case — `class={possiblyUndefined}` with scoped CSS
 	if (attribute.chunks.length === 2 && (attribute.chunks[1] as Text).synthetic) {
 		const value = (attribute.chunks[0] as Expression).node;
-		return x`@escape(@null_to_empty(${value})) + "${(attribute.chunks[1] as Text).data}"`;
+		return x`@escape(@null_to_empty(${value}), true) + "${(attribute.chunks[1] as Text).data}"`;
 	}
 
 	return get_attribute_value(attribute);
@@ -21,8 +22,8 @@ export function get_attribute_value(attribute: Attribute): ESTreeExpression {
 	return attribute.chunks
 		.map((chunk) => {
 			return chunk.type === 'Text'
-				? string_literal(chunk.data.replace(/"/g, '&quot;')) as ESTreeExpression
-				: x`@escape(${chunk.node})`;
+				? string_literal(chunk.data.replace(regex_double_quotes, '&quot;')) as ESTreeExpression
+				: x`@escape(${chunk.node}, true)`;
 		})
 		.reduce((lhs, rhs) => x`${lhs} + ${rhs}`);
 }
diff --git a/src/compiler/compile/render_ssr/handlers/utils/remove_whitespace_children.ts b/src/compiler/compile/render_ssr/handlers/utils/remove_whitespace_children.ts
index 7733c89cb82..10ccaefa929 100644
--- a/src/compiler/compile/render_ssr/handlers/utils/remove_whitespace_children.ts
+++ b/src/compiler/compile/render_ssr/handlers/utils/remove_whitespace_children.ts
@@ -1,6 +1,7 @@
 import { INode } from '../../../nodes/interfaces';
 import { trim_end, trim_start } from '../../../../utils/trim';
 import { link } from '../../../../utils/link';
+import { regex_starts_with_whitespace } from '../../../../utils/patterns';
 
 // similar logic from `compile/render_dom/wrappers/Fragment`
 // We want to remove trailing whitespace inside an element/component/block,
@@ -22,7 +23,7 @@ export default function remove_whitespace_children(children: INode[], next?: INo
 			if (nodes.length === 0) {
 				const should_trim = next
 					? next.type === 'Text' &&
-					  /^\s/.test(next.data) &&
+					regex_starts_with_whitespace.test(next.data) &&
 					  trimmable_at(child, next)
 					: !child.has_ancestor('EachBlock');
 
diff --git a/src/compiler/compile/render_ssr/index.ts b/src/compiler/compile/render_ssr/index.ts
index 9d2c1cc60b6..e256ba78fbf 100644
--- a/src/compiler/compile/render_ssr/index.ts
+++ b/src/compiler/compile/render_ssr/index.ts
@@ -237,7 +237,7 @@ function trim(nodes: TemplateNode[]) {
 		const node = nodes[end - 1] as Text;
 		if (node.type !== 'Text') break;
 
-		node.data = node.data.replace(/\s+$/, '');
+		node.data = node.data.trimRight();
 		if (node.data) break;
 	}
 
diff --git a/src/compiler/compile/utils/__test__.ts b/src/compiler/compile/utils/__test__.ts
index 7777bc6afbe..3ade3dca2be 100644
--- a/src/compiler/compile/utils/__test__.ts
+++ b/src/compiler/compile/utils/__test__.ts
@@ -13,4 +13,10 @@ describe('get_name_from_filename', () => {
 	it('handles Windows filenames', () => {
 		assert.equal(get_name_from_filename('path\\to\\Widget.svelte'), 'Widget');
 	});
+
+	it('handles special characters in filenames', () => {
+		assert.equal(get_name_from_filename('@.svelte'), '_');
+		assert.equal(get_name_from_filename('&.svelte'), '_');
+		assert.equal(get_name_from_filename('~.svelte'), '_');
+	});
 });
diff --git a/src/compiler/compile/utils/a11y.ts b/src/compiler/compile/utils/a11y.ts
new file mode 100644
index 00000000000..60cb31c6638
--- /dev/null
+++ b/src/compiler/compile/utils/a11y.ts
@@ -0,0 +1,162 @@
+import {
+	ARIARoleDefinitionKey,
+	roles as roles_map,
+	elementRoles,
+	ARIARoleRelationConcept
+} from 'aria-query';
+import { AXObjects, AXObjectRoles, elementAXObjects } from 'axobject-query';
+import Attribute from '../nodes/Attribute';
+
+const non_abstract_roles = [...roles_map.keys()].filter((name) => !roles_map.get(name).abstract);
+
+const non_interactive_roles = new Set(
+	non_abstract_roles
+		.filter((name) => {
+			const role = roles_map.get(name);
+			return (
+				// 'toolbar' does not descend from widget, but it does support
+				// aria-activedescendant, thus in practice we treat it as a widget.
+				// focusable tabpanel elements are recommended if any panels in a set contain content where the first element in the panel is not focusable.
+				!['toolbar', 'tabpanel'].includes(name) &&
+				!role.superClass.some((classes) => classes.includes('widget'))
+			);
+		})
+		.concat(
+			// The `progressbar` is descended from `widget`, but in practice, its
+			// value is always `readonly`, so we treat it as a non-interactive role.
+			'progressbar'
+		)
+);
+
+const interactive_roles = new Set(
+	non_abstract_roles.filter((name) => !non_interactive_roles.has(name))
+);
+
+export function is_non_interactive_roles(role: ARIARoleDefinitionKey) {
+	return non_interactive_roles.has(role);
+}
+
+export function is_interactive_roles(role: ARIARoleDefinitionKey) {
+	return interactive_roles.has(role);
+}
+
+const presentation_roles = new Set(['presentation', 'none']);
+
+export function is_presentation_role(role: ARIARoleDefinitionKey) {
+	return presentation_roles.has(role);
+}
+
+export function is_hidden_from_screen_reader(tag_name: string, attribute_map: Map<string, Attribute>) {
+	if (tag_name === 'input') {
+		const type = attribute_map.get('type')?.get_static_value();
+
+		if (type && type === 'hidden') {
+			return true;
+		}
+	}
+
+	const aria_hidden = attribute_map.get('aria-hidden');
+	if (!aria_hidden) return false;
+	if (!aria_hidden.is_static) return true;
+	const aria_hidden_value = aria_hidden.get_static_value();
+	return aria_hidden_value === true || aria_hidden_value === 'true';
+}
+
+const non_interactive_element_role_schemas: ARIARoleRelationConcept[] = [];
+
+elementRoles.entries().forEach(([schema, roles]) => {
+	if ([...roles].every((role) => non_interactive_roles.has(role))) {
+		non_interactive_element_role_schemas.push(schema);
+	}
+});
+
+const interactive_element_role_schemas: ARIARoleRelationConcept[] = [];
+
+elementRoles.entries().forEach(([schema, roles]) => {
+	if ([...roles].every((role) => interactive_roles.has(role))) {
+		interactive_element_role_schemas.push(schema);
+	}
+});
+
+const interactive_ax_objects = new Set(
+	[...AXObjects.keys()].filter((name) => AXObjects.get(name).type === 'widget')
+);
+
+const interactive_element_ax_object_schemas: ARIARoleRelationConcept[] = [];
+
+elementAXObjects.entries().forEach(([schema, ax_object]) => {
+	if ([...ax_object].every((role) => interactive_ax_objects.has(role))) {
+		interactive_element_ax_object_schemas.push(schema);
+	}
+});
+
+function match_schema(
+	schema: ARIARoleRelationConcept,
+	tag_name: string,
+	attribute_map: Map<string, Attribute>
+) {
+	if (schema.name !== tag_name) return false;
+	if (!schema.attributes) return true;
+	return schema.attributes.every((schema_attribute) => {
+		const attribute = attribute_map.get(schema_attribute.name);
+		if (!attribute) return false;
+		if (
+			schema_attribute.value &&
+			schema_attribute.value !== attribute.get_static_value()
+		) {
+			return false;
+		}
+		return true;
+	});
+}
+
+export function is_interactive_element(
+	tag_name: string,
+	attribute_map: Map<string, Attribute>
+): boolean {
+	if (
+		interactive_element_role_schemas.some((schema) =>
+			match_schema(schema, tag_name, attribute_map)
+		)
+	) {
+		return true;
+	}
+
+	if (
+		non_interactive_element_role_schemas.some((schema) =>
+			match_schema(schema, tag_name, attribute_map)
+		)
+	) {
+		return false;
+	}
+
+	if (
+		interactive_element_ax_object_schemas.some((schema) =>
+			match_schema(schema, tag_name, attribute_map)
+		)
+	) {
+		return true;
+	}
+
+	return false;
+}
+
+export function is_semantic_role_element(role: ARIARoleDefinitionKey, tag_name: string, attribute_map: Map<string, Attribute>) {
+	for (const [schema, ax_object] of elementAXObjects.entries()) {
+		if (schema.name === tag_name && (!schema.attributes || schema.attributes.every(
+			(attr) => attribute_map.has(attr.name) && attribute_map.get(attr.name).get_static_value() === attr.value
+		))) {
+			for (const name of ax_object) {
+				const roles = AXObjectRoles.get(name);
+				if (roles) {
+					for (const { name } of roles) {
+						if (name === role) {
+							return true;
+						}
+					}
+				}
+			}
+		}
+	}
+	return false;
+}
diff --git a/src/compiler/compile/utils/collapse_template_literal.ts b/src/compiler/compile/utils/collapse_template_literal.ts
new file mode 100644
index 00000000000..5c5f78b8a30
--- /dev/null
+++ b/src/compiler/compile/utils/collapse_template_literal.ts
@@ -0,0 +1,34 @@
+import { TemplateLiteral } from 'estree';
+import { escape_template } from './stringify';
+
+/**
+ * Collapse string literals together
+ */ 
+export function collapse_template_literal(literal: TemplateLiteral) {
+	if (!literal.quasis.length) return;
+
+	const collapsed_quasis = [];
+	const collapsed_expressions = [];
+
+	let cur_quasi = literal.quasis[0];
+
+	// An expression always follows a quasi and vice versa, ending with a quasi
+	for (let i = 0; i < literal.quasis.length; i++) {
+		const expr = literal.expressions[i];
+		const next_quasi = literal.quasis[i + 1];
+		// If an expression is a simple string literal, combine it with its preceding
+		// and following quasi
+		if (next_quasi && expr && expr.type === 'Literal' && typeof expr.value === 'string') {
+			cur_quasi.value.raw += escape_template(expr.value) + next_quasi.value.raw;
+		} else {
+			if (expr) {
+				collapsed_expressions.push(expr);
+			}
+			collapsed_quasis.push(cur_quasi);
+			cur_quasi = next_quasi;
+		}
+	}
+
+	literal.quasis = collapsed_quasis;
+	literal.expressions = collapsed_expressions;
+}
diff --git a/src/compiler/compile/utils/get_name_from_filename.ts b/src/compiler/compile/utils/get_name_from_filename.ts
index b05605b5eea..dd28190d802 100644
--- a/src/compiler/compile/utils/get_name_from_filename.ts
+++ b/src/compiler/compile/utils/get_name_from_filename.ts
@@ -1,3 +1,9 @@
+const regex_percentage_characters = /%/g;
+const regex_file_ending = /\.[^.]+$/;
+const regex_repeated_invalid_variable_identifier_characters = /[^a-zA-Z_$0-9]+/g;
+const regex_starts_with_digit = /^(\d)/;
+const regex_may_starts_or_ends_with_underscore = /^_?(.+?)_?$/;
+
 export default function get_name_from_filename(filename: string) {
 	if (!filename) return null;
 
@@ -11,13 +17,13 @@ export default function get_name_from_filename(filename: string) {
 		}
 	}
 
-	const base = parts.pop()
-		.replace(/%/g, 'u')
-		.replace(/\.[^.]+$/, '')
-		.replace(/[^a-zA-Z_$0-9]+/g, '_')
-		.replace(/^_/, '')
-		.replace(/_$/, '')
-		.replace(/^(\d)/, '_$1');
+	const base = parts
+		.pop()
+		.replace(regex_percentage_characters, 'u')
+		.replace(regex_file_ending, '')
+		.replace(regex_repeated_invalid_variable_identifier_characters, '_')
+		.replace(regex_may_starts_or_ends_with_underscore, '$1')
+		.replace(regex_starts_with_digit, '_$1');
 
 	if (!base) {
 		throw new Error(`Could not derive component name from file ${filename}`);
diff --git a/src/compiler/compile/utils/hash.ts b/src/compiler/compile/utils/hash.ts
index c0ea2b3d887..d5b5a206090 100644
--- a/src/compiler/compile/utils/hash.ts
+++ b/src/compiler/compile/utils/hash.ts
@@ -1,6 +1,9 @@
 // https://github.com/darkskyapp/string-hash/blob/master/index.js
+
+const regex_return_characters = /\r/g;
+
 export default function hash(str: string): string {
-	str = str.replace(/\r/g, '');
+	str = str.replace(regex_return_characters, '');
 	let hash = 5381;
 	let i = str.length;
 
diff --git a/src/compiler/compile/utils/stringify.ts b/src/compiler/compile/utils/stringify.ts
index aa1c42c5126..84073c6469e 100644
--- a/src/compiler/compile/utils/stringify.ts
+++ b/src/compiler/compile/utils/stringify.ts
@@ -19,10 +19,14 @@ const escaped = {
 	'>': '&gt;'
 };
 
+const regex_html_characters_to_escape = /["'&<>]/g;
+
 export function escape_html(html) {
-	return String(html).replace(/["'&<>]/g, match => escaped[match]);
+	return String(html).replace(regex_html_characters_to_escape, match => escaped[match]);
 }
 
+const regex_template_characters_to_escape = /(\${|`|\\)/g;
+
 export function escape_template(str) {
-	return str.replace(/(\${|`|\\)/g, '\\$1');
+	return str.replace(regex_template_characters_to_escape, '\\$1');
 }
diff --git a/src/compiler/index.ts b/src/compiler/index.ts
index 14d55f5470d..76eb45d37fb 100644
--- a/src/compiler/index.ts
+++ b/src/compiler/index.ts
@@ -4,3 +4,4 @@ export { default as preprocess } from './preprocess/index';
 export { walk } from 'estree-walker';
 
 export const VERSION = '__VERSION__';
+// additional exports added through generate-type-definitions.js
diff --git a/src/compiler/interfaces.ts b/src/compiler/interfaces.ts
index d69b8e5598e..afe801b0f10 100644
--- a/src/compiler/interfaces.ts
+++ b/src/compiler/interfaces.ts
@@ -179,7 +179,7 @@ export interface CompileOptions {
 	legacy?: boolean;
 	customElement?: boolean;
 	tag?: string;
-	css?: boolean;
+	css?: 'injected' | 'external' | 'none' | boolean;
 	loopGuardTimeout?: number;
 	namespace?: string;
 	cssHash?: CssHashGetter;
@@ -191,6 +191,7 @@ export interface CompileOptions {
 export interface ParserOptions {
 	filename?: string;
 	customElement?: boolean;
+	css?: 'injected' | 'external' | 'none' | boolean;
 }
 
 export interface Visitor {
@@ -222,6 +223,7 @@ export interface Var {
 	subscribable?: boolean;
 	is_reactive_dependency?: boolean;
 	imported?: boolean;
+	is_reactive_static?: boolean;
 }
 
 export interface CssResult {
diff --git a/src/compiler/parse/acorn.ts b/src/compiler/parse/acorn.ts
index bab8de7ce43..45e2f056c42 100644
--- a/src/compiler/parse/acorn.ts
+++ b/src/compiler/parse/acorn.ts
@@ -3,12 +3,12 @@ import * as code_red from 'code-red';
 
 export const parse = (source: string): Node => code_red.parse(source, {
 	sourceType: 'module',
-	ecmaVersion: 12,
+	ecmaVersion: 13,
 	locations: true
 });
 
 export const parse_expression_at = (source: string, index: number): Node => code_red.parseExpressionAt(source, index, {
 	sourceType: 'module',
-	ecmaVersion: 12,
+	ecmaVersion: 13,
 	locations: true
 });
diff --git a/src/compiler/parse/errors.ts b/src/compiler/parse/errors.ts
index 63bd5b09199..26f03c0cb12 100644
--- a/src/compiler/parse/errors.ts
+++ b/src/compiler/parse/errors.ts
@@ -107,6 +107,14 @@ export default {
 		code: `invalid-${slug}-placement`,
 		message: `<${name}> tags cannot be inside elements or blocks`
 	}),
+	invalid_logic_block_placement: (location: string, name: string) => ({
+		code: 'invalid-logic-block-placement',
+		message: `{#${name}} logic block cannot be ${location}`
+	}),
+	invalid_tag_placement: (location: string, name: string) => ({
+		code: 'invalid-tag-placement',
+		message: `{@${name}} tag cannot be ${location}`
+	}),
 	invalid_ref_directive: (name: string) => ({
 		code: 'invalid-ref-directive',
 		message: `The ref directive is no longer supported — use \`bind:this={${name}}\` instead`
diff --git a/src/compiler/parse/index.ts b/src/compiler/parse/index.ts
index 836fb670cfd..86c27b33cff 100644
--- a/src/compiler/parse/index.ts
+++ b/src/compiler/parse/index.ts
@@ -1,6 +1,6 @@
 import { isIdentifierStart, isIdentifierChar } from 'acorn';
 import fragment from './state/fragment';
-import { whitespace } from '../utils/patterns';
+import { regex_whitespace } from '../utils/patterns';
 import { reserved } from '../utils/names';
 import full_char_code_at from '../utils/full_char_code_at';
 import { TemplateNode, Ast, ParserOptions, Fragment, Style, Script } from '../interfaces';
@@ -15,10 +15,13 @@ interface LastAutoClosedTag {
 	depth: number;
 }
 
+const regex_position_indicator = / \(\d+:\d+\)$/;
+
 export class Parser {
 	readonly template: string;
 	readonly filename?: string;
 	readonly customElement: boolean;
+	readonly css_mode: 'injected' | 'external' | 'none' | boolean;
 
 	index = 0;
 	stack: TemplateNode[] = [];
@@ -34,9 +37,10 @@ export class Parser {
 			throw new TypeError('Template must be a string');
 		}
 
-		this.template = template.replace(/\s+$/, '');
+		this.template = template.trimRight();
 		this.filename = options.filename;
 		this.customElement = options.customElement;
+		this.css_mode = options.css;
 
 		this.html = {
 			start: null,
@@ -74,10 +78,10 @@ export class Parser {
 
 		if (this.html.children.length) {
 			let start = this.html.children[0].start;
-			while (whitespace.test(template[start])) start += 1;
+			while (regex_whitespace.test(template[start])) start += 1;
 
 			let end = this.html.children[this.html.children.length - 1].end;
-			while (whitespace.test(template[end - 1])) end -= 1;
+			while (regex_whitespace.test(template[end - 1])) end -= 1;
 
 			this.html.start = start;
 			this.html.end = end;
@@ -93,7 +97,7 @@ export class Parser {
 	acorn_error(err: any) {
 		this.error({
 			code: 'parse-error',
-			message: err.message.replace(/ \(\d+:\d+\)$/, '')
+			message: err.message.replace(regex_position_indicator, '')
 		}, err.pos);
 	}
 
@@ -128,6 +132,10 @@ export class Parser {
 		return this.template.slice(this.index, this.index + str.length) === str;
 	}
 
+	/**
+	 * Match a regex at the current index
+	 * @param pattern Should have a ^ anchor at the start so the regex doesn't search past the beginning, resulting in worse performance
+	 */
 	match_regex(pattern: RegExp) {
 		const match = pattern.exec(this.template.slice(this.index));
 		if (!match || match.index !== 0) return null;
@@ -138,12 +146,16 @@ export class Parser {
 	allow_whitespace() {
 		while (
 			this.index < this.template.length &&
-			whitespace.test(this.template[this.index])
+			regex_whitespace.test(this.template[this.index])
 		) {
 			this.index++;
 		}
 	}
 
+	/**
+	 * Search for a regex starting at the current index and return the result if it matches
+	 * @param pattern Should have a ^ anchor at the start so the regex doesn't search past the beginning, resulting in worse performance
+	 */
 	read(pattern: RegExp) {
 		const result = this.match_regex(pattern);
 		if (result) this.index += result.length;
@@ -200,7 +212,7 @@ export class Parser {
 	}
 
 	require_whitespace() {
-		if (!whitespace.test(this.template[this.index])) {
+		if (!regex_whitespace.test(this.template[this.index])) {
 			this.error({
 				code: 'missing-whitespace',
 				message: 'Expected whitespace'
diff --git a/src/compiler/parse/read/context.ts b/src/compiler/parse/read/context.ts
index 1e97baf8a7e..134d11a6ad7 100644
--- a/src/compiler/parse/read/context.ts
+++ b/src/compiler/parse/read/context.ts
@@ -10,6 +10,7 @@ import {
 import { parse_expression_at } from '../acorn';
 import { Pattern } from 'estree';
 import parser_errors from '../errors';
+import { regex_not_newline_characters } from '../../utils/patterns';
 
 export default function read_context(
 	parser: Parser
@@ -65,7 +66,7 @@ export default function read_context(
 		// so we offset it by removing 1 character in the `space_with_newline`
 		// to achieve that, we remove the 1st space encountered,
 		// so it will not affect the `column` of the node
-		let space_with_newline = parser.template.slice(0, start).replace(/[^\n]/g, ' ');
+		let space_with_newline = parser.template.slice(0, start).replace(regex_not_newline_characters, ' ');
 		const first_space = space_with_newline.indexOf(' ');
 		space_with_newline = space_with_newline.slice(0, first_space) + space_with_newline.slice(first_space + 1);
 
diff --git a/src/compiler/parse/read/expression.ts b/src/compiler/parse/read/expression.ts
index 5464a950ce4..935574440f7 100644
--- a/src/compiler/parse/read/expression.ts
+++ b/src/compiler/parse/read/expression.ts
@@ -1,7 +1,7 @@
 import { parse_expression_at } from '../acorn';
 import { Parser } from '../index';
 import { Node } from 'estree';
-import { whitespace } from '../../utils/patterns';
+import { regex_whitespace } from '../../utils/patterns';
 import parser_errors from '../errors';
 
 export default function read_expression(parser: Parser): Node {
@@ -20,7 +20,7 @@ export default function read_expression(parser: Parser): Node {
 
 			if (char === ')') {
 				num_parens -= 1;
-			} else if (!whitespace.test(char)) {
+			} else if (!regex_whitespace.test(char)) {
 				parser.error(parser_errors.unexpected_token(')'), index);
 			}
 
diff --git a/src/compiler/parse/read/script.ts b/src/compiler/parse/read/script.ts
index c9ac4ac3445..43974c26ab3 100644
--- a/src/compiler/parse/read/script.ts
+++ b/src/compiler/parse/read/script.ts
@@ -3,6 +3,10 @@ import { Parser } from '../index';
 import { Script } from '../../interfaces';
 import { Node, Program } from 'estree';
 import parser_errors from '../errors';
+import { regex_not_newline_characters } from '../../utils/patterns';
+
+const regex_closing_script_tag = /<\/script\s*>/;
+const regex_starts_with_closing_script_tag = /^<\/script\s*>/;
 
 function get_context(parser: Parser, attributes: any[], start: number): string {
 	const context = attributes.find(attribute => attribute.name === 'context');
@@ -23,13 +27,13 @@ function get_context(parser: Parser, attributes: any[], start: number): string {
 
 export default function read_script(parser: Parser, start: number, attributes: Node[]): Script {
 	const script_start = parser.index;
-	const data = parser.read_until(/<\/script\s*>/, parser_errors.unclosed_script);
+	const data = parser.read_until(regex_closing_script_tag, parser_errors.unclosed_script);
 	if (parser.index >= parser.template.length) {
 		parser.error(parser_errors.unclosed_script);
 	}
 
-	const source = parser.template.slice(0, script_start).replace(/[^\n]/g, ' ') + data;
-	parser.read(/<\/script\s*>/);
+	const source = parser.template.slice(0, script_start).replace(regex_not_newline_characters, ' ') + data;
+	parser.read(regex_starts_with_closing_script_tag);
 
 	let ast: Program;
 
diff --git a/src/compiler/parse/read/style.ts b/src/compiler/parse/read/style.ts
index e4a885a8cca..3ed510c3d0b 100644
--- a/src/compiler/parse/read/style.ts
+++ b/src/compiler/parse/read/style.ts
@@ -1,14 +1,18 @@
-import parse from 'css-tree/lib/parser/index.js';
+// @ts-ignore
+import parse from 'css-tree/parser';
 import { walk } from 'estree-walker';
 import { Parser } from '../index';
 import { Node } from 'estree';
 import { Style } from '../../interfaces';
 import parser_errors from '../errors';
 
+const regex_closing_style_tag = /<\/style\s*>/;
+const regex_starts_with_closing_style_tag = /^<\/style\s*>/;
+
 export default function read_style(parser: Parser, start: number, attributes: Node[]): Style {
 	const content_start = parser.index;
 
-	const styles = parser.read_until(/<\/style\s*>/, parser_errors.unclosed_style);
+	const styles = parser.read_until(regex_closing_style_tag, parser_errors.unclosed_style);
 
 	if (parser.index >= parser.template.length) {
 		parser.error(parser_errors.unclosed_style);
@@ -16,6 +20,12 @@ export default function read_style(parser: Parser, start: number, attributes: No
 
 	const content_end = parser.index;
 
+	// discard styles when css is disabled
+	if (parser.css_mode === 'none') {
+		parser.read(regex_starts_with_closing_style_tag);
+		return null;
+	}
+
 	let ast;
 
 	try {
@@ -67,7 +77,8 @@ export default function read_style(parser: Parser, start: number, attributes: No
 		}
 	});
 
-	parser.read(/<\/style\s*>/);
+	parser.read(regex_starts_with_closing_style_tag);
+  
 	const end = parser.index;
 
 	return {
diff --git a/src/compiler/parse/state/mustache.ts b/src/compiler/parse/state/mustache.ts
index da9016a9df4..328a043677a 100644
--- a/src/compiler/parse/state/mustache.ts
+++ b/src/compiler/parse/state/mustache.ts
@@ -1,7 +1,7 @@
 import read_context from '../read/context';
 import read_expression from '../read/expression';
 import { closing_tag_omitted } from '../utils/html';
-import { whitespace } from '../../utils/patterns';
+import { regex_whitespace } from '../../utils/patterns';
 import { trim_start, trim_end } from '../../utils/trim';
 import { to_string } from '../utils/node';
 import { Parser } from '../index';
@@ -33,6 +33,8 @@ function trim_whitespace(block: TemplateNode, trim_before: boolean, trim_after:
 	}
 }
 
+const regex_whitespace_with_closing_curly_brace = /^\s*}/;
+
 export default function mustache(parser: Parser) {
 	const start = parser.index;
 	parser.index += 1;
@@ -87,8 +89,8 @@ export default function mustache(parser: Parser) {
 		// strip leading/trailing whitespace as necessary
 		const char_before = parser.template[block.start - 1];
 		const char_after = parser.template[parser.index];
-		const trim_before = !char_before || whitespace.test(char_before);
-		const trim_after = !char_after || whitespace.test(char_after);
+		const trim_before = !char_before || regex_whitespace.test(char_before);
+		const trim_after = !char_after || regex_whitespace.test(char_after);
 
 		trim_whitespace(block, trim_before, trim_after);
 
@@ -106,8 +108,8 @@ export default function mustache(parser: Parser) {
 			const block = parser.current();
 			if (block.type !== 'IfBlock') {
 				parser.error(
-					parser.stack.some(block => block.type === 'IfBlock') 
-						? parser_errors.invalid_elseif_placement_unclosed_block(to_string(block)) 
+					parser.stack.some(block => block.type === 'IfBlock')
+						? parser_errors.invalid_elseif_placement_unclosed_block(to_string(block))
 						: parser_errors.invalid_elseif_placement_outside_if
 				);
 			}
@@ -141,8 +143,8 @@ export default function mustache(parser: Parser) {
 			const block = parser.current();
 			if (block.type !== 'IfBlock' && block.type !== 'EachBlock') {
 				parser.error(
-					parser.stack.some(block => block.type === 'IfBlock' || block.type === 'EachBlock') 
-						? parser_errors.invalid_else_placement_unclosed_block(to_string(block)) 
+					parser.stack.some(block => block.type === 'IfBlock' || block.type === 'EachBlock')
+						? parser_errors.invalid_else_placement_unclosed_block(to_string(block))
 						: parser_errors.invalid_else_placement_outside_if
 				);
 			}
@@ -167,15 +169,15 @@ export default function mustache(parser: Parser) {
 			if (block.type !== 'PendingBlock') {
 				parser.error(
 					parser.stack.some(block => block.type === 'PendingBlock')
-						? parser_errors.invalid_then_placement_unclosed_block(to_string(block)) 
-						: parser_errors.invalid_then_placement_without_await 
+						? parser_errors.invalid_then_placement_unclosed_block(to_string(block))
+						: parser_errors.invalid_then_placement_without_await
 				);
 			}
 		} else {
 			if (block.type !== 'ThenBlock' && block.type !== 'PendingBlock') {
 				parser.error(parser.stack.some(block => block.type === 'ThenBlock' || block.type === 'PendingBlock')
-						? parser_errors.invalid_catch_placement_unclosed_block(to_string(block)) 
-						: parser_errors.invalid_catch_placement_without_await 
+					? parser_errors.invalid_catch_placement_unclosed_block(to_string(block))
+					: parser_errors.invalid_catch_placement_without_await
 				);
 			}
 		}
@@ -290,7 +292,7 @@ export default function mustache(parser: Parser) {
 
 		const await_block_shorthand = type === 'AwaitBlock' && parser.eat('then');
 		if (await_block_shorthand) {
-			if (parser.match_regex(/\s*}/)) {
+			if (parser.match_regex(regex_whitespace_with_closing_curly_brace)) {
 				parser.allow_whitespace();
 			} else {
 				parser.require_whitespace();
@@ -301,7 +303,7 @@ export default function mustache(parser: Parser) {
 
 		const await_block_catch_shorthand = !await_block_shorthand && type === 'AwaitBlock' && parser.eat('catch');
 		if (await_block_catch_shorthand) {
-			if (parser.match_regex(/\s*}/)) {
+			if (parser.match_regex(regex_whitespace_with_closing_curly_brace)) {
 				parser.allow_whitespace();
 			} else {
 				parser.require_whitespace();
@@ -350,7 +352,7 @@ export default function mustache(parser: Parser) {
 		let identifiers;
 
 		// Implies {@debug} which indicates "debug all"
-		if (parser.read(/\s*}/)) {
+		if (parser.read(regex_whitespace_with_closing_curly_brace)) {
 			identifiers = [];
 		} else {
 			const expression = read_expression(parser);
diff --git a/src/compiler/parse/state/tag.ts b/src/compiler/parse/state/tag.ts
index ea30c5d2c32..90adfb8e79d 100644
--- a/src/compiler/parse/state/tag.ts
+++ b/src/compiler/parse/state/tag.ts
@@ -12,6 +12,9 @@ import { closing_tag_omitted, decode_character_references } from '../utils/html'
 // eslint-disable-next-line no-useless-escape
 const valid_tag_name = /^\!?[a-zA-Z]{1,}:?[a-zA-Z0-9\-]*/;
 
+/** Invalid attribute characters if the attribute is not surrounded by quotes */
+const regex_starts_with_invalid_attr_value = /^(\/>|[\s"'=<>`])/;
+
 const meta_tags = new Map([
 	['svelte:head', 'Head'],
 	['svelte:options', 'Options'],
@@ -54,13 +57,17 @@ function parent_is_head(stack) {
 	return false;
 }
 
+const regex_closing_textarea_tag = /^<\/textarea(\s[^>]*)?>/i;
+const regex_closing_comment = /-->/;
+const regex_capital_letter = /[A-Z]/;
+
 export default function tag(parser: Parser) {
 	const start = parser.index++;
 
 	let parent = parser.current();
 
 	if (parser.eat('!--')) {
-		const data = parser.read_until(/-->/);
+		const data = parser.read_until(regex_closing_comment);
 		parser.eat('-->', true, parser_errors.unclosed_comment);
 
 		parser.current().children.push({
@@ -105,7 +112,7 @@ export default function tag(parser: Parser) {
 
 	const type = meta_tags.has(name)
 		? meta_tags.get(name)
-		: (/[A-Z]/.test(name[0]) || name === 'svelte:self' || name === 'svelte:component') ? 'InlineComponent'
+		: (regex_capital_letter.test(name[0]) || name === 'svelte:self' || name === 'svelte:component') ? 'InlineComponent'
 			: name === 'svelte:fragment' ? 'SlotTemplate'
 				: name === 'title' && parent_is_head(parser.stack) ? 'Title'
 					: name === 'slot' && !parser.customElement ? 'Slot' : 'Element';
@@ -219,10 +226,10 @@ export default function tag(parser: Parser) {
 		// special case
 		element.children = read_sequence(
 			parser,
-			() =>
-				/^<\/textarea(\s[^>]*)?>/i.test(parser.template.slice(parser.index))
+			() => regex_closing_textarea_tag.test(parser.template.slice(parser.index)),
+			'inside <textarea>'
 		);
-		parser.read(/^<\/textarea(\s[^>]*)?>/i);
+		parser.read(regex_closing_textarea_tag);
 		element.end = parser.index;
 	} else if (name === 'script' || name === 'style') {
 		// special case
@@ -237,6 +244,8 @@ export default function tag(parser: Parser) {
 	}
 }
 
+const regex_whitespace_or_slash_or_closing_tag = /(\s|\/|>)/;
+
 function read_tag_name(parser: Parser) {
 	const start = parser.index;
 
@@ -266,7 +275,7 @@ function read_tag_name(parser: Parser) {
 
 	if (parser.read(SLOT)) return 'svelte:fragment';
 
-	const name = parser.read_until(/(\s|\/|>)/);
+	const name = parser.read_until(regex_whitespace_or_slash_or_closing_tag);
 
 	if (meta_tags.has(name)) return name;
 
@@ -286,6 +295,10 @@ function read_tag_name(parser: Parser) {
 	return name;
 }
 
+// eslint-disable-next-line no-useless-escape
+const regex_token_ending_character = /[\s=\/>"']/;
+const regex_starts_with_quote_characters = /^["']/;
+
 function read_attribute(parser: Parser, unique_names: Set<string>) {
 	const start = parser.index;
 
@@ -344,8 +357,7 @@ function read_attribute(parser: Parser, unique_names: Set<string>) {
 		}
 	}
 
-	// eslint-disable-next-line no-useless-escape
-	const name = parser.read_until(/[\s=\/>"']/);
+	const name = parser.read_until(regex_token_ending_character);
 	if (!name) return null;
 
 	let end = parser.index;
@@ -360,7 +372,7 @@ function read_attribute(parser: Parser, unique_names: Set<string>) {
 		parser.allow_whitespace();
 		value = read_attribute_value(parser);
 		end = parser.index;
-	} else if (parser.match_regex(/["']/)) {
+	} else if (parser.match_regex(regex_starts_with_quote_characters)) {
 		parser.error(parser_errors.unexpected_token('='), parser.index);
 	}
 
@@ -387,6 +399,7 @@ function read_attribute(parser: Parser, unique_names: Set<string>) {
 				end,
 				type,
 				name: directive_name,
+				modifiers,
 				value
 			};
 		}
@@ -466,15 +479,13 @@ function read_attribute_value(parser: Parser) {
 		}];
 	}
 
-	const regex = (
-		quote_mark === "'" ? /'/ :
-			quote_mark === '"' ? /"/ :
-				/(\/>|[\s"'=<>`])/
-	);
-
 	let value;
 	try {
-		value = read_sequence(parser, () => !!parser.match_regex(regex));
+		value = read_sequence(parser, () => {
+			// handle common case of quote marks existing outside of regex for performance reasons
+			if (quote_mark) return parser.match(quote_mark);
+			return !!parser.match_regex(regex_starts_with_invalid_attr_value);
+		}, 'in attribute value');
 	} catch (error) {
 		if (error.code === 'parse-error') {
 			// if the attribute value didn't close + self-closing tag
@@ -496,7 +507,7 @@ function read_attribute_value(parser: Parser) {
 	return value;
 }
 
-function read_sequence(parser: Parser, done: () => boolean): TemplateNode[] {
+function read_sequence(parser: Parser, done: () => boolean, location: string): TemplateNode[] {
 	let current_chunk: Text = {
 		start: parser.index,
 		end: null,
@@ -509,7 +520,7 @@ function read_sequence(parser: Parser, done: () => boolean): TemplateNode[] {
 
 	function flush(end: number) {
 		if (current_chunk.raw) {
-			current_chunk.data = decode_character_references(current_chunk.raw);
+			current_chunk.data = decode_character_references(current_chunk.raw, true);
 			current_chunk.end = end;
 			chunks.push(current_chunk);
 		}
@@ -522,6 +533,18 @@ function read_sequence(parser: Parser, done: () => boolean): TemplateNode[] {
 			flush(parser.index);
 			return chunks;
 		} else if (parser.eat('{')) {
+			if (parser.match('#')) {
+				const index = parser.index - 1;
+				parser.eat('#');
+				const name = parser.read_until(/[^a-z]/);
+				parser.error(parser_errors.invalid_logic_block_placement(location, name), index);
+			} else if (parser.match('@')) {
+				const index = parser.index - 1;
+				parser.eat('@');
+				const name = parser.read_until(/[^a-z]/);
+				parser.error(parser_errors.invalid_tag_placement(location, name), index);
+			}
+
 			flush(parser.index - 1);
 
 			parser.allow_whitespace();
diff --git a/src/compiler/parse/state/text.ts b/src/compiler/parse/state/text.ts
index a2275c96535..dc99d9ed034 100644
--- a/src/compiler/parse/state/text.ts
+++ b/src/compiler/parse/state/text.ts
@@ -19,7 +19,7 @@ export default function text(parser: Parser) {
 		end: parser.index,
 		type: 'Text',
 		raw: data,
-		data: decode_character_references(data)
+		data: decode_character_references(data, false)
 	};
 
 	parser.current().children.push(node);
diff --git a/src/compiler/parse/utils/entities.ts b/src/compiler/parse/utils/entities.ts
index 7b43ced2c1d..df496cda4da 100644
--- a/src/compiler/parse/utils/entities.ts
+++ b/src/compiler/parse/utils/entities.ts
@@ -1,2034 +1,2234 @@
-// https://dev.w3.org/html5/html-author/charref
+// https://html.spec.whatwg.org/entities.json from https://dev.w3.org/html5/html-author/charref
 export default {
-	CounterClockwiseContourIntegral: 8755,
-	ClockwiseContourIntegral: 8754,
-	DoubleLongLeftRightArrow: 10234,
-	DiacriticalDoubleAcute: 733,
-	NotSquareSupersetEqual: 8931,
-	CloseCurlyDoubleQuote: 8221,
-	DoubleContourIntegral: 8751,
-	FilledVerySmallSquare: 9642,
-	NegativeVeryThinSpace: 8203,
-	NotPrecedesSlantEqual: 8928,
-	NotRightTriangleEqual: 8941,
-	NotSucceedsSlantEqual: 8929,
-	CapitalDifferentialD: 8517,
-	DoubleLeftRightArrow: 8660,
-	DoubleLongRightArrow: 10233,
-	EmptyVerySmallSquare: 9643,
-	NestedGreaterGreater: 8811,
-	NotDoubleVerticalBar: 8742,
-	NotLeftTriangleEqual: 8940,
-	NotSquareSubsetEqual: 8930,
-	OpenCurlyDoubleQuote: 8220,
-	ReverseUpEquilibrium: 10607,
-	DoubleLongLeftArrow: 10232,
-	DownLeftRightVector: 10576,
-	LeftArrowRightArrow: 8646,
-	NegativeMediumSpace: 8203,
-	RightArrowLeftArrow: 8644,
-	SquareSupersetEqual: 8850,
-	leftrightsquigarrow: 8621,
-	DownRightTeeVector: 10591,
-	DownRightVectorBar: 10583,
-	LongLeftRightArrow: 10231,
-	Longleftrightarrow: 10234,
-	NegativeThickSpace: 8203,
-	PrecedesSlantEqual: 8828,
-	ReverseEquilibrium: 8651,
-	RightDoubleBracket: 10215,
-	RightDownTeeVector: 10589,
-	RightDownVectorBar: 10581,
-	RightTriangleEqual: 8885,
-	SquareIntersection: 8851,
-	SucceedsSlantEqual: 8829,
-	blacktriangleright: 9656,
-	longleftrightarrow: 10231,
-	DoubleUpDownArrow: 8661,
-	DoubleVerticalBar: 8741,
-	DownLeftTeeVector: 10590,
-	DownLeftVectorBar: 10582,
-	FilledSmallSquare: 9724,
-	GreaterSlantEqual: 10878,
-	LeftDoubleBracket: 10214,
-	LeftDownTeeVector: 10593,
-	LeftDownVectorBar: 10585,
-	LeftTriangleEqual: 8884,
-	NegativeThinSpace: 8203,
-	NotReverseElement: 8716,
-	NotTildeFullEqual: 8775,
-	RightAngleBracket: 10217,
-	RightUpDownVector: 10575,
-	SquareSubsetEqual: 8849,
-	VerticalSeparator: 10072,
-	blacktriangledown: 9662,
-	blacktriangleleft: 9666,
-	leftrightharpoons: 8651,
-	rightleftharpoons: 8652,
-	twoheadrightarrow: 8608,
-	DiacriticalAcute: 180,
-	DiacriticalGrave: 96,
-	DiacriticalTilde: 732,
-	DoubleRightArrow: 8658,
-	DownArrowUpArrow: 8693,
-	EmptySmallSquare: 9723,
-	GreaterEqualLess: 8923,
-	GreaterFullEqual: 8807,
-	LeftAngleBracket: 10216,
-	LeftUpDownVector: 10577,
-	LessEqualGreater: 8922,
-	NonBreakingSpace: 160,
-	NotRightTriangle: 8939,
-	NotSupersetEqual: 8841,
-	RightTriangleBar: 10704,
-	RightUpTeeVector: 10588,
-	RightUpVectorBar: 10580,
-	UnderParenthesis: 9181,
-	UpArrowDownArrow: 8645,
-	circlearrowright: 8635,
-	downharpoonright: 8642,
-	ntrianglerighteq: 8941,
-	rightharpoondown: 8641,
-	rightrightarrows: 8649,
-	twoheadleftarrow: 8606,
-	vartriangleright: 8883,
-	CloseCurlyQuote: 8217,
-	ContourIntegral: 8750,
-	DoubleDownArrow: 8659,
-	DoubleLeftArrow: 8656,
-	DownRightVector: 8641,
-	LeftRightVector: 10574,
-	LeftTriangleBar: 10703,
-	LeftUpTeeVector: 10592,
-	LeftUpVectorBar: 10584,
-	LowerRightArrow: 8600,
-	NotGreaterEqual: 8817,
-	NotGreaterTilde: 8821,
-	NotLeftTriangle: 8938,
-	OverParenthesis: 9180,
-	RightDownVector: 8642,
-	ShortRightArrow: 8594,
-	UpperRightArrow: 8599,
-	bigtriangledown: 9661,
-	circlearrowleft: 8634,
-	curvearrowright: 8631,
-	downharpoonleft: 8643,
-	leftharpoondown: 8637,
-	leftrightarrows: 8646,
-	nLeftrightarrow: 8654,
-	nleftrightarrow: 8622,
-	ntrianglelefteq: 8940,
-	rightleftarrows: 8644,
-	rightsquigarrow: 8605,
-	rightthreetimes: 8908,
-	straightepsilon: 1013,
-	trianglerighteq: 8885,
-	vartriangleleft: 8882,
-	DiacriticalDot: 729,
-	DoubleRightTee: 8872,
-	DownLeftVector: 8637,
-	GreaterGreater: 10914,
-	HorizontalLine: 9472,
-	InvisibleComma: 8291,
-	InvisibleTimes: 8290,
-	LeftDownVector: 8643,
-	LeftRightArrow: 8596,
-	Leftrightarrow: 8660,
-	LessSlantEqual: 10877,
-	LongRightArrow: 10230,
-	Longrightarrow: 10233,
-	LowerLeftArrow: 8601,
-	NestedLessLess: 8810,
-	NotGreaterLess: 8825,
-	NotLessGreater: 8824,
-	NotSubsetEqual: 8840,
-	NotVerticalBar: 8740,
-	OpenCurlyQuote: 8216,
-	ReverseElement: 8715,
-	RightTeeVector: 10587,
-	RightVectorBar: 10579,
-	ShortDownArrow: 8595,
-	ShortLeftArrow: 8592,
-	SquareSuperset: 8848,
-	TildeFullEqual: 8773,
-	UpperLeftArrow: 8598,
-	ZeroWidthSpace: 8203,
-	curvearrowleft: 8630,
-	doublebarwedge: 8966,
-	downdownarrows: 8650,
-	hookrightarrow: 8618,
-	leftleftarrows: 8647,
-	leftrightarrow: 8596,
-	leftthreetimes: 8907,
-	longrightarrow: 10230,
-	looparrowright: 8620,
-	nshortparallel: 8742,
-	ntriangleright: 8939,
-	rightarrowtail: 8611,
-	rightharpoonup: 8640,
-	trianglelefteq: 8884,
-	upharpoonright: 8638,
-	ApplyFunction: 8289,
-	DifferentialD: 8518,
-	DoubleLeftTee: 10980,
-	DoubleUpArrow: 8657,
-	LeftTeeVector: 10586,
-	LeftVectorBar: 10578,
-	LessFullEqual: 8806,
-	LongLeftArrow: 10229,
-	Longleftarrow: 10232,
-	NotTildeEqual: 8772,
-	NotTildeTilde: 8777,
-	Poincareplane: 8460,
-	PrecedesEqual: 10927,
-	PrecedesTilde: 8830,
-	RightArrowBar: 8677,
-	RightTeeArrow: 8614,
-	RightTriangle: 8883,
-	RightUpVector: 8638,
-	SucceedsEqual: 10928,
-	SucceedsTilde: 8831,
-	SupersetEqual: 8839,
-	UpEquilibrium: 10606,
-	VerticalTilde: 8768,
-	VeryThinSpace: 8202,
-	bigtriangleup: 9651,
-	blacktriangle: 9652,
-	divideontimes: 8903,
-	fallingdotseq: 8786,
-	hookleftarrow: 8617,
-	leftarrowtail: 8610,
-	leftharpoonup: 8636,
-	longleftarrow: 10229,
-	looparrowleft: 8619,
-	measuredangle: 8737,
-	ntriangleleft: 8938,
-	shortparallel: 8741,
-	smallsetminus: 8726,
-	triangleright: 9657,
-	upharpoonleft: 8639,
-	DownArrowBar: 10515,
-	DownTeeArrow: 8615,
-	ExponentialE: 8519,
-	GreaterEqual: 8805,
-	GreaterTilde: 8819,
-	HilbertSpace: 8459,
-	HumpDownHump: 8782,
-	Intersection: 8898,
-	LeftArrowBar: 8676,
-	LeftTeeArrow: 8612,
-	LeftTriangle: 8882,
-	LeftUpVector: 8639,
-	NotCongruent: 8802,
-	NotLessEqual: 8816,
-	NotLessTilde: 8820,
-	Proportional: 8733,
-	RightCeiling: 8969,
-	RoundImplies: 10608,
-	ShortUpArrow: 8593,
-	SquareSubset: 8847,
-	UnderBracket: 9141,
-	VerticalLine: 124,
-	blacklozenge: 10731,
-	exponentiale: 8519,
-	risingdotseq: 8787,
-	triangledown: 9663,
-	triangleleft: 9667,
-	CircleMinus: 8854,
-	CircleTimes: 8855,
-	Equilibrium: 8652,
-	GreaterLess: 8823,
-	LeftCeiling: 8968,
-	LessGreater: 8822,
-	MediumSpace: 8287,
-	NotPrecedes: 8832,
-	NotSucceeds: 8833,
-	OverBracket: 9140,
-	RightVector: 8640,
-	Rrightarrow: 8667,
-	RuleDelayed: 10740,
-	SmallCircle: 8728,
-	SquareUnion: 8852,
-	SubsetEqual: 8838,
-	UpDownArrow: 8597,
-	Updownarrow: 8661,
-	VerticalBar: 8739,
-	backepsilon: 1014,
-	blacksquare: 9642,
-	circledcirc: 8858,
-	circleddash: 8861,
-	curlyeqprec: 8926,
-	curlyeqsucc: 8927,
-	diamondsuit: 9830,
-	eqslantless: 10901,
-	expectation: 8496,
-	nRightarrow: 8655,
-	nrightarrow: 8603,
-	preccurlyeq: 8828,
-	precnapprox: 10937,
-	quaternions: 8461,
-	straightphi: 981,
-	succcurlyeq: 8829,
-	succnapprox: 10938,
-	thickapprox: 8776,
-	updownarrow: 8597,
-	Bernoullis: 8492,
-	CirclePlus: 8853,
-	EqualTilde: 8770,
-	Fouriertrf: 8497,
-	ImaginaryI: 8520,
-	Laplacetrf: 8466,
-	LeftVector: 8636,
-	Lleftarrow: 8666,
-	NotElement: 8713,
-	NotGreater: 8815,
-	Proportion: 8759,
-	RightArrow: 8594,
-	RightFloor: 8971,
-	Rightarrow: 8658,
-	TildeEqual: 8771,
-	TildeTilde: 8776,
-	UnderBrace: 9183,
-	UpArrowBar: 10514,
-	UpTeeArrow: 8613,
-	circledast: 8859,
-	complement: 8705,
-	curlywedge: 8911,
-	eqslantgtr: 10902,
-	gtreqqless: 10892,
-	lessapprox: 10885,
-	lesseqqgtr: 10891,
-	lmoustache: 9136,
-	longmapsto: 10236,
-	mapstodown: 8615,
-	mapstoleft: 8612,
-	nLeftarrow: 8653,
-	nleftarrow: 8602,
-	precapprox: 10935,
-	rightarrow: 8594,
-	rmoustache: 9137,
-	sqsubseteq: 8849,
-	sqsupseteq: 8850,
-	subsetneqq: 10955,
-	succapprox: 10936,
-	supsetneqq: 10956,
-	upuparrows: 8648,
-	varepsilon: 949,
-	varnothing: 8709,
-	Backslash: 8726,
-	CenterDot: 183,
-	CircleDot: 8857,
-	Congruent: 8801,
-	Coproduct: 8720,
-	DoubleDot: 168,
-	DownArrow: 8595,
-	DownBreve: 785,
-	Downarrow: 8659,
-	HumpEqual: 8783,
-	LeftArrow: 8592,
-	LeftFloor: 8970,
-	Leftarrow: 8656,
-	LessTilde: 8818,
-	Mellintrf: 8499,
-	MinusPlus: 8723,
-	NotCupCap: 8813,
-	NotExists: 8708,
-	OverBrace: 9182,
-	PlusMinus: 177,
-	Therefore: 8756,
-	ThinSpace: 8201,
-	TripleDot: 8411,
-	UnionPlus: 8846,
-	backprime: 8245,
-	backsimeq: 8909,
-	bigotimes: 10754,
-	centerdot: 183,
-	checkmark: 10003,
-	complexes: 8450,
-	dotsquare: 8865,
-	downarrow: 8595,
-	gtrapprox: 10886,
-	gtreqless: 8923,
-	heartsuit: 9829,
-	leftarrow: 8592,
-	lesseqgtr: 8922,
-	nparallel: 8742,
-	nshortmid: 8740,
-	nsubseteq: 8840,
-	nsupseteq: 8841,
-	pitchfork: 8916,
-	rationals: 8474,
-	spadesuit: 9824,
-	subseteqq: 10949,
-	subsetneq: 8842,
-	supseteqq: 10950,
-	supsetneq: 8843,
-	therefore: 8756,
-	triangleq: 8796,
-	varpropto: 8733,
-	DDotrahd: 10513,
-	DotEqual: 8784,
-	Integral: 8747,
-	LessLess: 10913,
-	NotEqual: 8800,
-	NotTilde: 8769,
-	PartialD: 8706,
-	Precedes: 8826,
-	RightTee: 8866,
-	Succeeds: 8827,
-	SuchThat: 8715,
-	Superset: 8835,
-	Uarrocir: 10569,
-	UnderBar: 818,
-	andslope: 10840,
-	angmsdaa: 10664,
-	angmsdab: 10665,
-	angmsdac: 10666,
-	angmsdad: 10667,
-	angmsdae: 10668,
-	angmsdaf: 10669,
-	angmsdag: 10670,
-	angmsdah: 10671,
-	angrtvbd: 10653,
-	approxeq: 8778,
-	awconint: 8755,
-	backcong: 8780,
-	barwedge: 8965,
-	bbrktbrk: 9142,
-	bigoplus: 10753,
-	bigsqcup: 10758,
-	biguplus: 10756,
-	bigwedge: 8896,
-	boxminus: 8863,
-	boxtimes: 8864,
-	capbrcup: 10825,
-	circledR: 174,
-	circledS: 9416,
-	cirfnint: 10768,
-	clubsuit: 9827,
-	cupbrcap: 10824,
-	curlyvee: 8910,
-	cwconint: 8754,
-	doteqdot: 8785,
-	dotminus: 8760,
-	drbkarow: 10512,
-	dzigrarr: 10239,
-	elinters: 9191,
-	emptyset: 8709,
-	eqvparsl: 10725,
-	fpartint: 10765,
-	geqslant: 10878,
-	gesdotol: 10884,
-	gnapprox: 10890,
-	hksearow: 10533,
-	hkswarow: 10534,
-	imagline: 8464,
-	imagpart: 8465,
-	infintie: 10717,
-	integers: 8484,
-	intercal: 8890,
-	intlarhk: 10775,
-	laemptyv: 10676,
-	ldrushar: 10571,
-	leqslant: 10877,
-	lesdotor: 10883,
-	llcorner: 8990,
-	lnapprox: 10889,
-	lrcorner: 8991,
-	lurdshar: 10570,
-	mapstoup: 8613,
-	multimap: 8888,
-	naturals: 8469,
-	otimesas: 10806,
-	parallel: 8741,
-	plusacir: 10787,
-	pointint: 10773,
-	precneqq: 10933,
-	precnsim: 8936,
-	profalar: 9006,
-	profline: 8978,
-	profsurf: 8979,
-	raemptyv: 10675,
-	realpart: 8476,
-	rppolint: 10770,
-	rtriltri: 10702,
-	scpolint: 10771,
-	setminus: 8726,
-	shortmid: 8739,
-	smeparsl: 10724,
-	sqsubset: 8847,
-	sqsupset: 8848,
-	subseteq: 8838,
-	succneqq: 10934,
-	succnsim: 8937,
-	supseteq: 8839,
-	thetasym: 977,
-	thicksim: 8764,
-	timesbar: 10801,
-	triangle: 9653,
-	triminus: 10810,
-	trpezium: 9186,
-	ulcorner: 8988,
-	urcorner: 8989,
-	varkappa: 1008,
-	varsigma: 962,
-	vartheta: 977,
-	Because: 8757,
-	Cayleys: 8493,
-	Cconint: 8752,
-	Cedilla: 184,
-	Diamond: 8900,
-	DownTee: 8868,
-	Element: 8712,
-	Epsilon: 917,
-	Implies: 8658,
-	LeftTee: 8867,
-	NewLine: 10,
-	NoBreak: 8288,
-	NotLess: 8814,
-	Omicron: 927,
-	OverBar: 175,
-	Product: 8719,
-	UpArrow: 8593,
-	Uparrow: 8657,
-	Upsilon: 933,
-	alefsym: 8501,
-	angrtvb: 8894,
-	angzarr: 9084,
-	asympeq: 8781,
-	backsim: 8765,
-	because: 8757,
-	bemptyv: 10672,
-	between: 8812,
-	bigcirc: 9711,
-	bigodot: 10752,
-	bigstar: 9733,
-	boxplus: 8862,
-	ccupssm: 10832,
-	cemptyv: 10674,
-	cirscir: 10690,
-	coloneq: 8788,
-	congdot: 10861,
-	cudarrl: 10552,
-	cudarrr: 10549,
-	cularrp: 10557,
-	curarrm: 10556,
-	dbkarow: 10511,
-	ddagger: 8225,
-	ddotseq: 10871,
-	demptyv: 10673,
-	diamond: 8900,
-	digamma: 989,
-	dotplus: 8724,
-	dwangle: 10662,
-	epsilon: 949,
-	eqcolon: 8789,
-	equivDD: 10872,
-	gesdoto: 10882,
-	gtquest: 10876,
-	gtrless: 8823,
-	harrcir: 10568,
-	intprod: 10812,
-	isindot: 8949,
-	larrbfs: 10527,
-	larrsim: 10611,
-	lbrksld: 10639,
-	lbrkslu: 10637,
-	ldrdhar: 10599,
-	lesdoto: 10881,
-	lessdot: 8918,
-	lessgtr: 8822,
-	lesssim: 8818,
-	lotimes: 10804,
-	lozenge: 9674,
-	ltquest: 10875,
-	luruhar: 10598,
-	maltese: 10016,
-	minusdu: 10794,
-	napprox: 8777,
-	natural: 9838,
-	nearrow: 8599,
-	nexists: 8708,
-	notinva: 8713,
-	notinvb: 8951,
-	notinvc: 8950,
-	notniva: 8716,
-	notnivb: 8958,
-	notnivc: 8957,
-	npolint: 10772,
-	nsqsube: 8930,
-	nsqsupe: 8931,
-	nvinfin: 10718,
-	nwarrow: 8598,
-	olcross: 10683,
-	omicron: 959,
-	orderof: 8500,
-	orslope: 10839,
-	pertenk: 8241,
-	planckh: 8462,
-	pluscir: 10786,
-	plussim: 10790,
-	plustwo: 10791,
-	precsim: 8830,
-	quatint: 10774,
-	questeq: 8799,
-	rarrbfs: 10528,
-	rarrsim: 10612,
-	rbrksld: 10638,
-	rbrkslu: 10640,
-	rdldhar: 10601,
-	realine: 8475,
-	rotimes: 10805,
-	ruluhar: 10600,
-	searrow: 8600,
-	simplus: 10788,
-	simrarr: 10610,
-	subedot: 10947,
-	submult: 10945,
-	subplus: 10943,
-	subrarr: 10617,
-	succsim: 8831,
-	supdsub: 10968,
-	supedot: 10948,
-	suphsub: 10967,
-	suplarr: 10619,
-	supmult: 10946,
-	supplus: 10944,
-	swarrow: 8601,
-	topfork: 10970,
-	triplus: 10809,
-	tritime: 10811,
-	uparrow: 8593,
-	upsilon: 965,
-	uwangle: 10663,
-	vzigzag: 10650,
-	zigrarr: 8669,
+	'CounterClockwiseContourIntegral;': 8755,
+	'ClockwiseContourIntegral;': 8754,
+	'DoubleLongLeftRightArrow;': 10234,
+	'NotNestedGreaterGreater;': 10914,
+	'DiacriticalDoubleAcute;': 733,
+	'NotSquareSupersetEqual;': 8931,
+	'CloseCurlyDoubleQuote;': 8221,
+	'DoubleContourIntegral;': 8751,
+	'FilledVerySmallSquare;': 9642,
+	'NegativeVeryThinSpace;': 8203,
+	'NotPrecedesSlantEqual;': 8928,
+	'NotRightTriangleEqual;': 8941,
+	'NotSucceedsSlantEqual;': 8929,
+	'CapitalDifferentialD;': 8517,
+	'DoubleLeftRightArrow;': 8660,
+	'DoubleLongRightArrow;': 10233,
+	'EmptyVerySmallSquare;': 9643,
+	'NestedGreaterGreater;': 8811,
+	'NotDoubleVerticalBar;': 8742,
+	'NotGreaterSlantEqual;': 10878,
+	'NotLeftTriangleEqual;': 8940,
+	'NotSquareSubsetEqual;': 8930,
+	'OpenCurlyDoubleQuote;': 8220,
+	'ReverseUpEquilibrium;': 10607,
+	'DoubleLongLeftArrow;': 10232,
+	'DownLeftRightVector;': 10576,
+	'LeftArrowRightArrow;': 8646,
+	'NegativeMediumSpace;': 8203,
+	'NotGreaterFullEqual;': 8807,
+	'NotRightTriangleBar;': 10704,
+	'RightArrowLeftArrow;': 8644,
+	'SquareSupersetEqual;': 8850,
+	'leftrightsquigarrow;': 8621,
+	'DownRightTeeVector;': 10591,
+	'DownRightVectorBar;': 10583,
+	'LongLeftRightArrow;': 10231,
+	'Longleftrightarrow;': 10234,
+	'NegativeThickSpace;': 8203,
+	'NotLeftTriangleBar;': 10703,
+	'PrecedesSlantEqual;': 8828,
+	'ReverseEquilibrium;': 8651,
+	'RightDoubleBracket;': 10215,
+	'RightDownTeeVector;': 10589,
+	'RightDownVectorBar;': 10581,
+	'RightTriangleEqual;': 8885,
+	'SquareIntersection;': 8851,
+	'SucceedsSlantEqual;': 8829,
+	'blacktriangleright;': 9656,
+	'longleftrightarrow;': 10231,
+	'DoubleUpDownArrow;': 8661,
+	'DoubleVerticalBar;': 8741,
+	'DownLeftTeeVector;': 10590,
+	'DownLeftVectorBar;': 10582,
+	'FilledSmallSquare;': 9724,
+	'GreaterSlantEqual;': 10878,
+	'LeftDoubleBracket;': 10214,
+	'LeftDownTeeVector;': 10593,
+	'LeftDownVectorBar;': 10585,
+	'LeftTriangleEqual;': 8884,
+	'NegativeThinSpace;': 8203,
+	'NotGreaterGreater;': 8811,
+	'NotLessSlantEqual;': 10877,
+	'NotNestedLessLess;': 10913,
+	'NotReverseElement;': 8716,
+	'NotSquareSuperset;': 8848,
+	'NotTildeFullEqual;': 8775,
+	'RightAngleBracket;': 10217,
+	'RightUpDownVector;': 10575,
+	'SquareSubsetEqual;': 8849,
+	'VerticalSeparator;': 10072,
+	'blacktriangledown;': 9662,
+	'blacktriangleleft;': 9666,
+	'leftrightharpoons;': 8651,
+	'rightleftharpoons;': 8652,
+	'twoheadrightarrow;': 8608,
+	'DiacriticalAcute;': 180,
+	'DiacriticalGrave;': 96,
+	'DiacriticalTilde;': 732,
+	'DoubleRightArrow;': 8658,
+	'DownArrowUpArrow;': 8693,
+	'EmptySmallSquare;': 9723,
+	'GreaterEqualLess;': 8923,
+	'GreaterFullEqual;': 8807,
+	'LeftAngleBracket;': 10216,
+	'LeftUpDownVector;': 10577,
+	'LessEqualGreater;': 8922,
+	'NonBreakingSpace;': 160,
+	'NotPrecedesEqual;': 10927,
+	'NotRightTriangle;': 8939,
+	'NotSucceedsEqual;': 10928,
+	'NotSucceedsTilde;': 8831,
+	'NotSupersetEqual;': 8841,
+	'RightTriangleBar;': 10704,
+	'RightUpTeeVector;': 10588,
+	'RightUpVectorBar;': 10580,
+	'UnderParenthesis;': 9181,
+	'UpArrowDownArrow;': 8645,
+	'circlearrowright;': 8635,
+	'downharpoonright;': 8642,
+	'ntrianglerighteq;': 8941,
+	'rightharpoondown;': 8641,
+	'rightrightarrows;': 8649,
+	'twoheadleftarrow;': 8606,
+	'vartriangleright;': 8883,
+	'CloseCurlyQuote;': 8217,
+	'ContourIntegral;': 8750,
+	'DoubleDownArrow;': 8659,
+	'DoubleLeftArrow;': 8656,
+	'DownRightVector;': 8641,
+	'LeftRightVector;': 10574,
+	'LeftTriangleBar;': 10703,
+	'LeftUpTeeVector;': 10592,
+	'LeftUpVectorBar;': 10584,
+	'LowerRightArrow;': 8600,
+	'NotGreaterEqual;': 8817,
+	'NotGreaterTilde;': 8821,
+	'NotHumpDownHump;': 8782,
+	'NotLeftTriangle;': 8938,
+	'NotSquareSubset;': 8847,
+	'OverParenthesis;': 9180,
+	'RightDownVector;': 8642,
+	'ShortRightArrow;': 8594,
+	'UpperRightArrow;': 8599,
+	'bigtriangledown;': 9661,
+	'circlearrowleft;': 8634,
+	'curvearrowright;': 8631,
+	'downharpoonleft;': 8643,
+	'leftharpoondown;': 8637,
+	'leftrightarrows;': 8646,
+	'nLeftrightarrow;': 8654,
+	'nleftrightarrow;': 8622,
+	'ntrianglelefteq;': 8940,
+	'rightleftarrows;': 8644,
+	'rightsquigarrow;': 8605,
+	'rightthreetimes;': 8908,
+	'straightepsilon;': 1013,
+	'trianglerighteq;': 8885,
+	'vartriangleleft;': 8882,
+	'DiacriticalDot;': 729,
+	'DoubleRightTee;': 8872,
+	'DownLeftVector;': 8637,
+	'GreaterGreater;': 10914,
+	'HorizontalLine;': 9472,
+	'InvisibleComma;': 8291,
+	'InvisibleTimes;': 8290,
+	'LeftDownVector;': 8643,
+	'LeftRightArrow;': 8596,
+	'Leftrightarrow;': 8660,
+	'LessSlantEqual;': 10877,
+	'LongRightArrow;': 10230,
+	'Longrightarrow;': 10233,
+	'LowerLeftArrow;': 8601,
+	'NestedLessLess;': 8810,
+	'NotGreaterLess;': 8825,
+	'NotLessGreater;': 8824,
+	'NotSubsetEqual;': 8840,
+	'NotVerticalBar;': 8740,
+	'OpenCurlyQuote;': 8216,
+	'ReverseElement;': 8715,
+	'RightTeeVector;': 10587,
+	'RightVectorBar;': 10579,
+	'ShortDownArrow;': 8595,
+	'ShortLeftArrow;': 8592,
+	'SquareSuperset;': 8848,
+	'TildeFullEqual;': 8773,
+	'UpperLeftArrow;': 8598,
+	'ZeroWidthSpace;': 8203,
+	'curvearrowleft;': 8630,
+	'doublebarwedge;': 8966,
+	'downdownarrows;': 8650,
+	'hookrightarrow;': 8618,
+	'leftleftarrows;': 8647,
+	'leftrightarrow;': 8596,
+	'leftthreetimes;': 8907,
+	'longrightarrow;': 10230,
+	'looparrowright;': 8620,
+	'nshortparallel;': 8742,
+	'ntriangleright;': 8939,
+	'rightarrowtail;': 8611,
+	'rightharpoonup;': 8640,
+	'trianglelefteq;': 8884,
+	'upharpoonright;': 8638,
+	'ApplyFunction;': 8289,
+	'DifferentialD;': 8518,
+	'DoubleLeftTee;': 10980,
+	'DoubleUpArrow;': 8657,
+	'LeftTeeVector;': 10586,
+	'LeftVectorBar;': 10578,
+	'LessFullEqual;': 8806,
+	'LongLeftArrow;': 10229,
+	'Longleftarrow;': 10232,
+	'NotEqualTilde;': 8770,
+	'NotTildeEqual;': 8772,
+	'NotTildeTilde;': 8777,
+	'Poincareplane;': 8460,
+	'PrecedesEqual;': 10927,
+	'PrecedesTilde;': 8830,
+	'RightArrowBar;': 8677,
+	'RightTeeArrow;': 8614,
+	'RightTriangle;': 8883,
+	'RightUpVector;': 8638,
+	'SucceedsEqual;': 10928,
+	'SucceedsTilde;': 8831,
+	'SupersetEqual;': 8839,
+	'UpEquilibrium;': 10606,
+	'VerticalTilde;': 8768,
+	'VeryThinSpace;': 8202,
+	'bigtriangleup;': 9651,
+	'blacktriangle;': 9652,
+	'divideontimes;': 8903,
+	'fallingdotseq;': 8786,
+	'hookleftarrow;': 8617,
+	'leftarrowtail;': 8610,
+	'leftharpoonup;': 8636,
+	'longleftarrow;': 10229,
+	'looparrowleft;': 8619,
+	'measuredangle;': 8737,
+	'ntriangleleft;': 8938,
+	'shortparallel;': 8741,
+	'smallsetminus;': 8726,
+	'triangleright;': 9657,
+	'upharpoonleft;': 8639,
+	'varsubsetneqq;': 10955,
+	'varsupsetneqq;': 10956,
+	'DownArrowBar;': 10515,
+	'DownTeeArrow;': 8615,
+	'ExponentialE;': 8519,
+	'GreaterEqual;': 8805,
+	'GreaterTilde;': 8819,
+	'HilbertSpace;': 8459,
+	'HumpDownHump;': 8782,
+	'Intersection;': 8898,
+	'LeftArrowBar;': 8676,
+	'LeftTeeArrow;': 8612,
+	'LeftTriangle;': 8882,
+	'LeftUpVector;': 8639,
+	'NotCongruent;': 8802,
+	'NotHumpEqual;': 8783,
+	'NotLessEqual;': 8816,
+	'NotLessTilde;': 8820,
+	'Proportional;': 8733,
+	'RightCeiling;': 8969,
+	'RoundImplies;': 10608,
+	'ShortUpArrow;': 8593,
+	'SquareSubset;': 8847,
+	'UnderBracket;': 9141,
+	'VerticalLine;': 124,
+	'blacklozenge;': 10731,
+	'exponentiale;': 8519,
+	'risingdotseq;': 8787,
+	'triangledown;': 9663,
+	'triangleleft;': 9667,
+	'varsubsetneq;': 8842,
+	'varsupsetneq;': 8843,
+	'CircleMinus;': 8854,
+	'CircleTimes;': 8855,
+	'Equilibrium;': 8652,
+	'GreaterLess;': 8823,
+	'LeftCeiling;': 8968,
+	'LessGreater;': 8822,
+	'MediumSpace;': 8287,
+	'NotLessLess;': 8810,
+	'NotPrecedes;': 8832,
+	'NotSucceeds;': 8833,
+	'NotSuperset;': 8835,
+	'OverBracket;': 9140,
+	'RightVector;': 8640,
+	'Rrightarrow;': 8667,
+	'RuleDelayed;': 10740,
+	'SmallCircle;': 8728,
+	'SquareUnion;': 8852,
+	'SubsetEqual;': 8838,
+	'UpDownArrow;': 8597,
+	'Updownarrow;': 8661,
+	'VerticalBar;': 8739,
+	'backepsilon;': 1014,
+	'blacksquare;': 9642,
+	'circledcirc;': 8858,
+	'circleddash;': 8861,
+	'curlyeqprec;': 8926,
+	'curlyeqsucc;': 8927,
+	'diamondsuit;': 9830,
+	'eqslantless;': 10901,
+	'expectation;': 8496,
+	'nRightarrow;': 8655,
+	'nrightarrow;': 8603,
+	'preccurlyeq;': 8828,
+	'precnapprox;': 10937,
+	'quaternions;': 8461,
+	'straightphi;': 981,
+	'succcurlyeq;': 8829,
+	'succnapprox;': 10938,
+	'thickapprox;': 8776,
+	'updownarrow;': 8597,
+	'Bernoullis;': 8492,
+	'CirclePlus;': 8853,
+	'EqualTilde;': 8770,
+	'Fouriertrf;': 8497,
+	'ImaginaryI;': 8520,
+	'Laplacetrf;': 8466,
+	'LeftVector;': 8636,
+	'Lleftarrow;': 8666,
+	'NotElement;': 8713,
+	'NotGreater;': 8815,
+	'Proportion;': 8759,
+	'RightArrow;': 8594,
+	'RightFloor;': 8971,
+	'Rightarrow;': 8658,
+	'ThickSpace;': 8287,
+	'TildeEqual;': 8771,
+	'TildeTilde;': 8776,
+	'UnderBrace;': 9183,
+	'UpArrowBar;': 10514,
+	'UpTeeArrow;': 8613,
+	'circledast;': 8859,
+	'complement;': 8705,
+	'curlywedge;': 8911,
+	'eqslantgtr;': 10902,
+	'gtreqqless;': 10892,
+	'lessapprox;': 10885,
+	'lesseqqgtr;': 10891,
+	'lmoustache;': 9136,
+	'longmapsto;': 10236,
+	'mapstodown;': 8615,
+	'mapstoleft;': 8612,
+	'nLeftarrow;': 8653,
+	'nleftarrow;': 8602,
+	'nsubseteqq;': 10949,
+	'nsupseteqq;': 10950,
+	'precapprox;': 10935,
+	'rightarrow;': 8594,
+	'rmoustache;': 9137,
+	'sqsubseteq;': 8849,
+	'sqsupseteq;': 8850,
+	'subsetneqq;': 10955,
+	'succapprox;': 10936,
+	'supsetneqq;': 10956,
+	'upuparrows;': 8648,
+	'varepsilon;': 1013,
+	'varnothing;': 8709,
+	'Backslash;': 8726,
+	'CenterDot;': 183,
+	'CircleDot;': 8857,
+	'Congruent;': 8801,
+	'Coproduct;': 8720,
+	'DoubleDot;': 168,
+	'DownArrow;': 8595,
+	'DownBreve;': 785,
+	'Downarrow;': 8659,
+	'HumpEqual;': 8783,
+	'LeftArrow;': 8592,
+	'LeftFloor;': 8970,
+	'Leftarrow;': 8656,
+	'LessTilde;': 8818,
+	'Mellintrf;': 8499,
+	'MinusPlus;': 8723,
+	'NotCupCap;': 8813,
+	'NotExists;': 8708,
+	'NotSubset;': 8834,
+	'OverBrace;': 9182,
+	'PlusMinus;': 177,
+	'Therefore;': 8756,
+	'ThinSpace;': 8201,
+	'TripleDot;': 8411,
+	'UnionPlus;': 8846,
+	'backprime;': 8245,
+	'backsimeq;': 8909,
+	'bigotimes;': 10754,
+	'centerdot;': 183,
+	'checkmark;': 10003,
+	'complexes;': 8450,
+	'dotsquare;': 8865,
+	'downarrow;': 8595,
+	'gtrapprox;': 10886,
+	'gtreqless;': 8923,
+	'gvertneqq;': 8809,
+	'heartsuit;': 9829,
+	'leftarrow;': 8592,
+	'lesseqgtr;': 8922,
+	'lvertneqq;': 8808,
+	'ngeqslant;': 10878,
+	'nleqslant;': 10877,
+	'nparallel;': 8742,
+	'nshortmid;': 8740,
+	'nsubseteq;': 8840,
+	'nsupseteq;': 8841,
+	'pitchfork;': 8916,
+	'rationals;': 8474,
+	'spadesuit;': 9824,
+	'subseteqq;': 10949,
+	'subsetneq;': 8842,
+	'supseteqq;': 10950,
+	'supsetneq;': 8843,
+	'therefore;': 8756,
+	'triangleq;': 8796,
+	'varpropto;': 8733,
+	'DDotrahd;': 10513,
+	'DotEqual;': 8784,
+	'Integral;': 8747,
+	'LessLess;': 10913,
+	'NotEqual;': 8800,
+	'NotTilde;': 8769,
+	'PartialD;': 8706,
+	'Precedes;': 8826,
+	'RightTee;': 8866,
+	'Succeeds;': 8827,
+	'SuchThat;': 8715,
+	'Superset;': 8835,
+	'Uarrocir;': 10569,
+	'UnderBar;': 95,
+	'andslope;': 10840,
+	'angmsdaa;': 10664,
+	'angmsdab;': 10665,
+	'angmsdac;': 10666,
+	'angmsdad;': 10667,
+	'angmsdae;': 10668,
+	'angmsdaf;': 10669,
+	'angmsdag;': 10670,
+	'angmsdah;': 10671,
+	'angrtvbd;': 10653,
+	'approxeq;': 8778,
+	'awconint;': 8755,
+	'backcong;': 8780,
+	'barwedge;': 8965,
+	'bbrktbrk;': 9142,
+	'bigoplus;': 10753,
+	'bigsqcup;': 10758,
+	'biguplus;': 10756,
+	'bigwedge;': 8896,
+	'boxminus;': 8863,
+	'boxtimes;': 8864,
+	'bsolhsub;': 10184,
+	'capbrcup;': 10825,
+	'circledR;': 174,
+	'circledS;': 9416,
+	'cirfnint;': 10768,
+	'clubsuit;': 9827,
+	'cupbrcap;': 10824,
+	'curlyvee;': 8910,
+	'cwconint;': 8754,
+	'doteqdot;': 8785,
+	'dotminus;': 8760,
+	'drbkarow;': 10512,
+	'dzigrarr;': 10239,
+	'elinters;': 9191,
+	'emptyset;': 8709,
+	'eqvparsl;': 10725,
+	'fpartint;': 10765,
+	'geqslant;': 10878,
+	'gesdotol;': 10884,
+	'gnapprox;': 10890,
+	'hksearow;': 10533,
+	'hkswarow;': 10534,
+	'imagline;': 8464,
+	'imagpart;': 8465,
+	'infintie;': 10717,
+	'integers;': 8484,
+	'intercal;': 8890,
+	'intlarhk;': 10775,
+	'laemptyv;': 10676,
+	'ldrushar;': 10571,
+	'leqslant;': 10877,
+	'lesdotor;': 10883,
+	'llcorner;': 8990,
+	'lnapprox;': 10889,
+	'lrcorner;': 8991,
+	'lurdshar;': 10570,
+	'mapstoup;': 8613,
+	'multimap;': 8888,
+	'naturals;': 8469,
+	'ncongdot;': 10861,
+	'notindot;': 8949,
+	'otimesas;': 10806,
+	'parallel;': 8741,
+	'plusacir;': 10787,
+	'pointint;': 10773,
+	'precneqq;': 10933,
+	'precnsim;': 8936,
+	'profalar;': 9006,
+	'profline;': 8978,
+	'profsurf;': 8979,
+	'raemptyv;': 10675,
+	'realpart;': 8476,
+	'rppolint;': 10770,
+	'rtriltri;': 10702,
+	'scpolint;': 10771,
+	'setminus;': 8726,
+	'shortmid;': 8739,
+	'smeparsl;': 10724,
+	'sqsubset;': 8847,
+	'sqsupset;': 8848,
+	'subseteq;': 8838,
+	'succneqq;': 10934,
+	'succnsim;': 8937,
+	'supseteq;': 8839,
+	'thetasym;': 977,
+	'thicksim;': 8764,
+	'timesbar;': 10801,
+	'triangle;': 9653,
+	'triminus;': 10810,
+	'trpezium;': 9186,
+	'ulcorner;': 8988,
+	'urcorner;': 8989,
+	'varkappa;': 1008,
+	'varsigma;': 962,
+	'vartheta;': 977,
+	'Because;': 8757,
+	'Cayleys;': 8493,
+	'Cconint;': 8752,
+	'Cedilla;': 184,
+	'Diamond;': 8900,
+	'DownTee;': 8868,
+	'Element;': 8712,
+	'Epsilon;': 917,
+	'Implies;': 8658,
+	'LeftTee;': 8867,
+	'NewLine;': 10,
+	'NoBreak;': 8288,
+	'NotLess;': 8814,
+	'Omicron;': 927,
+	'OverBar;': 8254,
+	'Product;': 8719,
+	'UpArrow;': 8593,
+	'Uparrow;': 8657,
+	'Upsilon;': 933,
+	'alefsym;': 8501,
+	'angrtvb;': 8894,
+	'angzarr;': 9084,
+	'asympeq;': 8781,
+	'backsim;': 8765,
+	'because;': 8757,
+	'bemptyv;': 10672,
+	'between;': 8812,
+	'bigcirc;': 9711,
+	'bigodot;': 10752,
+	'bigstar;': 9733,
+	'bnequiv;': 8801,
+	'boxplus;': 8862,
+	'ccupssm;': 10832,
+	'cemptyv;': 10674,
+	'cirscir;': 10690,
+	'coloneq;': 8788,
+	'congdot;': 10861,
+	'cudarrl;': 10552,
+	'cudarrr;': 10549,
+	'cularrp;': 10557,
+	'curarrm;': 10556,
+	'dbkarow;': 10511,
+	'ddagger;': 8225,
+	'ddotseq;': 10871,
+	'demptyv;': 10673,
+	'diamond;': 8900,
+	'digamma;': 989,
+	'dotplus;': 8724,
+	'dwangle;': 10662,
+	'epsilon;': 949,
+	'eqcolon;': 8789,
+	'equivDD;': 10872,
+	'gesdoto;': 10882,
+	'gtquest;': 10876,
+	'gtrless;': 8823,
+	'harrcir;': 10568,
+	'intprod;': 10812,
+	'isindot;': 8949,
+	'larrbfs;': 10527,
+	'larrsim;': 10611,
+	'lbrksld;': 10639,
+	'lbrkslu;': 10637,
+	'ldrdhar;': 10599,
+	'lesdoto;': 10881,
+	'lessdot;': 8918,
+	'lessgtr;': 8822,
+	'lesssim;': 8818,
+	'lotimes;': 10804,
+	'lozenge;': 9674,
+	'ltquest;': 10875,
+	'luruhar;': 10598,
+	'maltese;': 10016,
+	'minusdu;': 10794,
+	'napprox;': 8777,
+	'natural;': 9838,
+	'nearrow;': 8599,
+	'nexists;': 8708,
+	'notinva;': 8713,
+	'notinvb;': 8951,
+	'notinvc;': 8950,
+	'notniva;': 8716,
+	'notnivb;': 8958,
+	'notnivc;': 8957,
+	'npolint;': 10772,
+	'npreceq;': 10927,
+	'nsqsube;': 8930,
+	'nsqsupe;': 8931,
+	'nsubset;': 8834,
+	'nsucceq;': 10928,
+	'nsupset;': 8835,
+	'nvinfin;': 10718,
+	'nvltrie;': 8884,
+	'nvrtrie;': 8885,
+	'nwarrow;': 8598,
+	'olcross;': 10683,
+	'omicron;': 959,
+	'orderof;': 8500,
+	'orslope;': 10839,
+	'pertenk;': 8241,
+	'planckh;': 8462,
+	'pluscir;': 10786,
+	'plussim;': 10790,
+	'plustwo;': 10791,
+	'precsim;': 8830,
+	'quatint;': 10774,
+	'questeq;': 8799,
+	'rarrbfs;': 10528,
+	'rarrsim;': 10612,
+	'rbrksld;': 10638,
+	'rbrkslu;': 10640,
+	'rdldhar;': 10601,
+	'realine;': 8475,
+	'rotimes;': 10805,
+	'ruluhar;': 10600,
+	'searrow;': 8600,
+	'simplus;': 10788,
+	'simrarr;': 10610,
+	'subedot;': 10947,
+	'submult;': 10945,
+	'subplus;': 10943,
+	'subrarr;': 10617,
+	'succsim;': 8831,
+	'supdsub;': 10968,
+	'supedot;': 10948,
+	'suphsol;': 10185,
+	'suphsub;': 10967,
+	'suplarr;': 10619,
+	'supmult;': 10946,
+	'supplus;': 10944,
+	'swarrow;': 8601,
+	'topfork;': 10970,
+	'triplus;': 10809,
+	'tritime;': 10811,
+	'uparrow;': 8593,
+	'upsilon;': 965,
+	'uwangle;': 10663,
+	'vzigzag;': 10650,
+	'zigrarr;': 8669,
+	'Aacute;': 193,
+	'Abreve;': 258,
+	'Agrave;': 192,
+	'Assign;': 8788,
+	'Atilde;': 195,
+	'Barwed;': 8966,
+	'Bumpeq;': 8782,
+	'Cacute;': 262,
+	'Ccaron;': 268,
+	'Ccedil;': 199,
+	'Colone;': 10868,
+	'Conint;': 8751,
+	'CupCap;': 8781,
+	'Dagger;': 8225,
+	'Dcaron;': 270,
+	'DotDot;': 8412,
+	'Dstrok;': 272,
+	'Eacute;': 201,
+	'Ecaron;': 282,
+	'Egrave;': 200,
+	'Exists;': 8707,
+	'ForAll;': 8704,
+	'Gammad;': 988,
+	'Gbreve;': 286,
+	'Gcedil;': 290,
+	'HARDcy;': 1066,
+	'Hstrok;': 294,
+	'Iacute;': 205,
+	'Igrave;': 204,
+	'Itilde;': 296,
+	'Jsercy;': 1032,
+	'Kcedil;': 310,
+	'Lacute;': 313,
+	'Lambda;': 923,
+	'Lcaron;': 317,
+	'Lcedil;': 315,
+	'Lmidot;': 319,
+	'Lstrok;': 321,
+	'Nacute;': 323,
+	'Ncaron;': 327,
+	'Ncedil;': 325,
+	'Ntilde;': 209,
+	'Oacute;': 211,
+	'Odblac;': 336,
+	'Ograve;': 210,
+	'Oslash;': 216,
+	'Otilde;': 213,
+	'Otimes;': 10807,
+	'Racute;': 340,
+	'Rarrtl;': 10518,
+	'Rcaron;': 344,
+	'Rcedil;': 342,
+	'SHCHcy;': 1065,
+	'SOFTcy;': 1068,
+	'Sacute;': 346,
+	'Scaron;': 352,
+	'Scedil;': 350,
+	'Square;': 9633,
+	'Subset;': 8912,
+	'Supset;': 8913,
+	'Tcaron;': 356,
+	'Tcedil;': 354,
+	'Tstrok;': 358,
+	'Uacute;': 218,
+	'Ubreve;': 364,
+	'Udblac;': 368,
+	'Ugrave;': 217,
+	'Utilde;': 360,
+	'Vdashl;': 10982,
+	'Verbar;': 8214,
+	'Vvdash;': 8874,
+	'Yacute;': 221,
+	'Zacute;': 377,
+	'Zcaron;': 381,
+	'aacute;': 225,
+	'abreve;': 259,
+	'agrave;': 224,
+	'andand;': 10837,
+	'angmsd;': 8737,
+	'angsph;': 8738,
+	'apacir;': 10863,
+	'approx;': 8776,
+	'atilde;': 227,
+	'barvee;': 8893,
+	'barwed;': 8965,
+	'becaus;': 8757,
+	'bernou;': 8492,
+	'bigcap;': 8898,
+	'bigcup;': 8899,
+	'bigvee;': 8897,
+	'bkarow;': 10509,
+	'bottom;': 8869,
+	'bowtie;': 8904,
+	'boxbox;': 10697,
+	'bprime;': 8245,
+	'brvbar;': 166,
+	'bullet;': 8226,
+	'bumpeq;': 8783,
+	'cacute;': 263,
+	'capand;': 10820,
+	'capcap;': 10827,
+	'capcup;': 10823,
+	'capdot;': 10816,
+	'ccaron;': 269,
+	'ccedil;': 231,
+	'circeq;': 8791,
+	'cirmid;': 10991,
+	'colone;': 8788,
+	'commat;': 64,
+	'compfn;': 8728,
+	'conint;': 8750,
+	'coprod;': 8720,
+	'copysr;': 8471,
+	'cularr;': 8630,
+	'cupcap;': 10822,
+	'cupcup;': 10826,
+	'cupdot;': 8845,
+	'curarr;': 8631,
+	'curren;': 164,
+	'cylcty;': 9005,
+	'dagger;': 8224,
+	'daleth;': 8504,
+	'dcaron;': 271,
+	'dfisht;': 10623,
+	'divide;': 247,
+	'divonx;': 8903,
+	'dlcorn;': 8990,
+	'dlcrop;': 8973,
+	'dollar;': 36,
+	'drcorn;': 8991,
+	'drcrop;': 8972,
+	'dstrok;': 273,
+	'eacute;': 233,
+	'easter;': 10862,
+	'ecaron;': 283,
+	'ecolon;': 8789,
+	'egrave;': 232,
+	'egsdot;': 10904,
+	'elsdot;': 10903,
+	'emptyv;': 8709,
+	'emsp13;': 8196,
+	'emsp14;': 8197,
+	'eparsl;': 10723,
+	'eqcirc;': 8790,
+	'equals;': 61,
+	'equest;': 8799,
+	'female;': 9792,
+	'ffilig;': 64259,
+	'ffllig;': 64260,
+	'forall;': 8704,
+	'frac12;': 189,
+	'frac13;': 8531,
+	'frac14;': 188,
+	'frac15;': 8533,
+	'frac16;': 8537,
+	'frac18;': 8539,
+	'frac23;': 8532,
+	'frac25;': 8534,
+	'frac34;': 190,
+	'frac35;': 8535,
+	'frac38;': 8540,
+	'frac45;': 8536,
+	'frac56;': 8538,
+	'frac58;': 8541,
+	'frac78;': 8542,
+	'gacute;': 501,
+	'gammad;': 989,
+	'gbreve;': 287,
+	'gesdot;': 10880,
+	'gesles;': 10900,
+	'gtlPar;': 10645,
+	'gtrarr;': 10616,
+	'gtrdot;': 8919,
+	'gtrsim;': 8819,
+	'hairsp;': 8202,
+	'hamilt;': 8459,
+	'hardcy;': 1098,
+	'hearts;': 9829,
+	'hellip;': 8230,
+	'hercon;': 8889,
+	'homtht;': 8763,
+	'horbar;': 8213,
+	'hslash;': 8463,
+	'hstrok;': 295,
+	'hybull;': 8259,
+	'hyphen;': 8208,
+	'iacute;': 237,
+	'igrave;': 236,
+	'iiiint;': 10764,
+	'iinfin;': 10716,
+	'incare;': 8453,
+	'inodot;': 305,
+	'intcal;': 8890,
+	'iquest;': 191,
+	'isinsv;': 8947,
+	'itilde;': 297,
+	'jsercy;': 1112,
+	'kappav;': 1008,
+	'kcedil;': 311,
+	'kgreen;': 312,
+	'lAtail;': 10523,
+	'lacute;': 314,
+	'lagran;': 8466,
+	'lambda;': 955,
+	'langle;': 10216,
+	'larrfs;': 10525,
+	'larrhk;': 8617,
+	'larrlp;': 8619,
+	'larrpl;': 10553,
+	'larrtl;': 8610,
+	'latail;': 10521,
+	'lbrace;': 123,
+	'lbrack;': 91,
+	'lcaron;': 318,
+	'lcedil;': 316,
+	'ldquor;': 8222,
+	'lesdot;': 10879,
+	'lesges;': 10899,
+	'lfisht;': 10620,
+	'lfloor;': 8970,
+	'lharul;': 10602,
+	'llhard;': 10603,
+	'lmidot;': 320,
+	'lmoust;': 9136,
+	'loplus;': 10797,
+	'lowast;': 8727,
+	'lowbar;': 95,
+	'lparlt;': 10643,
+	'lrhard;': 10605,
+	'lsaquo;': 8249,
+	'lsquor;': 8218,
+	'lstrok;': 322,
+	'lthree;': 8907,
+	'ltimes;': 8905,
+	'ltlarr;': 10614,
+	'ltrPar;': 10646,
+	'mapsto;': 8614,
+	'marker;': 9646,
+	'mcomma;': 10793,
+	'midast;': 42,
+	'midcir;': 10992,
+	'middot;': 183,
+	'minusb;': 8863,
+	'minusd;': 8760,
+	'mnplus;': 8723,
+	'models;': 8871,
+	'mstpos;': 8766,
+	'nVDash;': 8879,
+	'nVdash;': 8878,
+	'nacute;': 324,
+	'nbumpe;': 8783,
+	'ncaron;': 328,
+	'ncedil;': 326,
+	'nearhk;': 10532,
+	'nequiv;': 8802,
+	'nesear;': 10536,
+	'nexist;': 8708,
+	'nltrie;': 8940,
+	'notinE;': 8953,
+	'nparsl;': 11005,
+	'nprcue;': 8928,
+	'nrarrc;': 10547,
+	'nrarrw;': 8605,
+	'nrtrie;': 8941,
+	'nsccue;': 8929,
+	'nsimeq;': 8772,
+	'ntilde;': 241,
+	'numero;': 8470,
+	'nvDash;': 8877,
+	'nvHarr;': 10500,
+	'nvdash;': 8876,
+	'nvlArr;': 10498,
+	'nvrArr;': 10499,
+	'nwarhk;': 10531,
+	'nwnear;': 10535,
+	'oacute;': 243,
+	'odblac;': 337,
+	'odsold;': 10684,
+	'ograve;': 242,
+	'ominus;': 8854,
+	'origof;': 8886,
+	'oslash;': 248,
+	'otilde;': 245,
+	'otimes;': 8855,
+	'parsim;': 10995,
+	'percnt;': 37,
+	'period;': 46,
+	'permil;': 8240,
+	'phmmat;': 8499,
+	'planck;': 8463,
+	'plankv;': 8463,
+	'plusdo;': 8724,
+	'plusdu;': 10789,
+	'plusmn;': 177,
+	'preceq;': 10927,
+	'primes;': 8473,
+	'prnsim;': 8936,
+	'propto;': 8733,
+	'prurel;': 8880,
+	'puncsp;': 8200,
+	'qprime;': 8279,
+	'rAtail;': 10524,
+	'racute;': 341,
+	'rangle;': 10217,
+	'rarrap;': 10613,
+	'rarrfs;': 10526,
+	'rarrhk;': 8618,
+	'rarrlp;': 8620,
+	'rarrpl;': 10565,
+	'rarrtl;': 8611,
+	'ratail;': 10522,
+	'rbrace;': 125,
+	'rbrack;': 93,
+	'rcaron;': 345,
+	'rcedil;': 343,
+	'rdquor;': 8221,
+	'rfisht;': 10621,
+	'rfloor;': 8971,
+	'rharul;': 10604,
+	'rmoust;': 9137,
+	'roplus;': 10798,
+	'rpargt;': 10644,
+	'rsaquo;': 8250,
+	'rsquor;': 8217,
+	'rthree;': 8908,
+	'rtimes;': 8906,
+	'sacute;': 347,
+	'scaron;': 353,
+	'scedil;': 351,
+	'scnsim;': 8937,
+	'searhk;': 10533,
+	'seswar;': 10537,
+	'sfrown;': 8994,
+	'shchcy;': 1097,
+	'sigmaf;': 962,
+	'sigmav;': 962,
+	'simdot;': 10858,
+	'smashp;': 10803,
+	'softcy;': 1100,
+	'solbar;': 9023,
+	'spades;': 9824,
+	'sqcaps;': 8851,
+	'sqcups;': 8852,
+	'sqsube;': 8849,
+	'sqsupe;': 8850,
+	'square;': 9633,
+	'squarf;': 9642,
+	'ssetmn;': 8726,
+	'ssmile;': 8995,
+	'sstarf;': 8902,
+	'subdot;': 10941,
+	'subset;': 8834,
+	'subsim;': 10951,
+	'subsub;': 10965,
+	'subsup;': 10963,
+	'succeq;': 10928,
+	'supdot;': 10942,
+	'supset;': 8835,
+	'supsim;': 10952,
+	'supsub;': 10964,
+	'supsup;': 10966,
+	'swarhk;': 10534,
+	'swnwar;': 10538,
+	'target;': 8982,
+	'tcaron;': 357,
+	'tcedil;': 355,
+	'telrec;': 8981,
+	'there4;': 8756,
+	'thetav;': 977,
+	'thinsp;': 8201,
+	'thksim;': 8764,
+	'timesb;': 8864,
+	'timesd;': 10800,
+	'topbot;': 9014,
+	'topcir;': 10993,
+	'tprime;': 8244,
+	'tridot;': 9708,
+	'tstrok;': 359,
+	'uacute;': 250,
+	'ubreve;': 365,
+	'udblac;': 369,
+	'ufisht;': 10622,
+	'ugrave;': 249,
+	'ulcorn;': 8988,
+	'ulcrop;': 8975,
+	'urcorn;': 8989,
+	'urcrop;': 8974,
+	'utilde;': 361,
+	'vangrt;': 10652,
+	'varphi;': 981,
+	'varrho;': 1009,
+	'veebar;': 8891,
+	'vellip;': 8942,
+	'verbar;': 124,
+	'vsubnE;': 10955,
+	'vsubne;': 8842,
+	'vsupnE;': 10956,
+	'vsupne;': 8843,
+	'wedbar;': 10847,
+	'wedgeq;': 8793,
+	'weierp;': 8472,
+	'wreath;': 8768,
+	'xoplus;': 10753,
+	'xotime;': 10754,
+	'xsqcup;': 10758,
+	'xuplus;': 10756,
+	'xwedge;': 8896,
+	'yacute;': 253,
+	'zacute;': 378,
+	'zcaron;': 382,
+	'zeetrf;': 8488,
+	'AElig;': 198,
 	Aacute: 193,
-	Abreve: 258,
+	'Acirc;': 194,
 	Agrave: 192,
-	Assign: 8788,
+	'Alpha;': 913,
+	'Amacr;': 256,
+	'Aogon;': 260,
+	'Aring;': 197,
 	Atilde: 195,
-	Barwed: 8966,
-	Bumpeq: 8782,
-	Cacute: 262,
-	Ccaron: 268,
+	'Breve;': 728,
 	Ccedil: 199,
-	Colone: 10868,
-	Conint: 8751,
-	CupCap: 8781,
-	Dagger: 8225,
-	Dcaron: 270,
-	DotDot: 8412,
-	Dstrok: 272,
+	'Ccirc;': 264,
+	'Colon;': 8759,
+	'Cross;': 10799,
+	'Dashv;': 10980,
+	'Delta;': 916,
 	Eacute: 201,
-	Ecaron: 282,
+	'Ecirc;': 202,
 	Egrave: 200,
-	Exists: 8707,
-	ForAll: 8704,
-	Gammad: 988,
-	Gbreve: 286,
-	Gcedil: 290,
-	HARDcy: 1066,
-	Hstrok: 294,
+	'Emacr;': 274,
+	'Eogon;': 280,
+	'Equal;': 10869,
+	'Gamma;': 915,
+	'Gcirc;': 284,
+	'Hacek;': 711,
+	'Hcirc;': 292,
+	'IJlig;': 306,
 	Iacute: 205,
+	'Icirc;': 206,
 	Igrave: 204,
-	Itilde: 296,
-	Jsercy: 1032,
-	Kcedil: 310,
-	Lacute: 313,
-	Lambda: 923,
-	Lcaron: 317,
-	Lcedil: 315,
-	Lmidot: 319,
-	Lstrok: 321,
-	Nacute: 323,
-	Ncaron: 327,
-	Ncedil: 325,
+	'Imacr;': 298,
+	'Iogon;': 302,
+	'Iukcy;': 1030,
+	'Jcirc;': 308,
+	'Jukcy;': 1028,
+	'Kappa;': 922,
 	Ntilde: 209,
+	'OElig;': 338,
 	Oacute: 211,
-	Odblac: 336,
+	'Ocirc;': 212,
 	Ograve: 210,
+	'Omacr;': 332,
+	'Omega;': 937,
 	Oslash: 216,
 	Otilde: 213,
-	Otimes: 10807,
-	Racute: 340,
-	Rarrtl: 10518,
-	Rcaron: 344,
-	Rcedil: 342,
-	SHCHcy: 1065,
-	SOFTcy: 1068,
-	Sacute: 346,
-	Scaron: 352,
-	Scedil: 350,
-	Square: 9633,
-	Subset: 8912,
-	Supset: 8913,
-	Tcaron: 356,
-	Tcedil: 354,
-	Tstrok: 358,
+	'Prime;': 8243,
+	'RBarr;': 10512,
+	'Scirc;': 348,
+	'Sigma;': 931,
+	'THORN;': 222,
+	'TRADE;': 8482,
+	'TSHcy;': 1035,
+	'Theta;': 920,
+	'Tilde;': 8764,
 	Uacute: 218,
-	Ubreve: 364,
-	Udblac: 368,
+	'Ubrcy;': 1038,
+	'Ucirc;': 219,
 	Ugrave: 217,
-	Utilde: 360,
-	Vdashl: 10982,
-	Verbar: 8214,
-	Vvdash: 8874,
+	'Umacr;': 362,
+	'Union;': 8899,
+	'Uogon;': 370,
+	'UpTee;': 8869,
+	'Uring;': 366,
+	'VDash;': 8875,
+	'Vdash;': 8873,
+	'Wcirc;': 372,
+	'Wedge;': 8896,
 	Yacute: 221,
-	Zacute: 377,
-	Zcaron: 381,
+	'Ycirc;': 374,
 	aacute: 225,
-	abreve: 259,
+	'acirc;': 226,
+	'acute;': 180,
+	'aelig;': 230,
 	agrave: 224,
-	andand: 10837,
-	angmsd: 8737,
-	angsph: 8738,
-	apacir: 10863,
-	approx: 8776,
+	'aleph;': 8501,
+	'alpha;': 945,
+	'amacr;': 257,
+	'amalg;': 10815,
+	'angle;': 8736,
+	'angrt;': 8735,
+	'angst;': 197,
+	'aogon;': 261,
+	'aring;': 229,
+	'asymp;': 8776,
 	atilde: 227,
-	barvee: 8893,
-	barwed: 8965,
-	becaus: 8757,
-	bernou: 8492,
-	bigcap: 8898,
-	bigcup: 8899,
-	bigvee: 8897,
-	bkarow: 10509,
-	bottom: 8869,
-	bowtie: 8904,
-	boxbox: 10697,
-	bprime: 8245,
+	'awint;': 10769,
+	'bcong;': 8780,
+	'bdquo;': 8222,
+	'bepsi;': 1014,
+	'blank;': 9251,
+	'blk12;': 9618,
+	'blk14;': 9617,
+	'blk34;': 9619,
+	'block;': 9608,
+	'boxDL;': 9559,
+	'boxDR;': 9556,
+	'boxDl;': 9558,
+	'boxDr;': 9555,
+	'boxHD;': 9574,
+	'boxHU;': 9577,
+	'boxHd;': 9572,
+	'boxHu;': 9575,
+	'boxUL;': 9565,
+	'boxUR;': 9562,
+	'boxUl;': 9564,
+	'boxUr;': 9561,
+	'boxVH;': 9580,
+	'boxVL;': 9571,
+	'boxVR;': 9568,
+	'boxVh;': 9579,
+	'boxVl;': 9570,
+	'boxVr;': 9567,
+	'boxdL;': 9557,
+	'boxdR;': 9554,
+	'boxdl;': 9488,
+	'boxdr;': 9484,
+	'boxhD;': 9573,
+	'boxhU;': 9576,
+	'boxhd;': 9516,
+	'boxhu;': 9524,
+	'boxuL;': 9563,
+	'boxuR;': 9560,
+	'boxul;': 9496,
+	'boxur;': 9492,
+	'boxvH;': 9578,
+	'boxvL;': 9569,
+	'boxvR;': 9566,
+	'boxvh;': 9532,
+	'boxvl;': 9508,
+	'boxvr;': 9500,
+	'breve;': 728,
 	brvbar: 166,
-	bullet: 8226,
-	bumpeq: 8783,
-	cacute: 263,
-	capand: 10820,
-	capcap: 10827,
-	capcup: 10823,
-	capdot: 10816,
-	ccaron: 269,
+	'bsemi;': 8271,
+	'bsime;': 8909,
+	'bsolb;': 10693,
+	'bumpE;': 10926,
+	'bumpe;': 8783,
+	'caret;': 8257,
+	'caron;': 711,
+	'ccaps;': 10829,
 	ccedil: 231,
-	circeq: 8791,
-	cirmid: 10991,
-	colone: 8788,
-	commat: 64,
-	compfn: 8728,
-	conint: 8750,
-	coprod: 8720,
-	copysr: 8471,
-	cularr: 8630,
-	cupcap: 10822,
-	cupcup: 10826,
-	cupdot: 8845,
-	curarr: 8631,
+	'ccirc;': 265,
+	'ccups;': 10828,
+	'cedil;': 184,
+	'check;': 10003,
+	'clubs;': 9827,
+	'colon;': 58,
+	'comma;': 44,
+	'crarr;': 8629,
+	'cross;': 10007,
+	'csube;': 10961,
+	'csupe;': 10962,
+	'ctdot;': 8943,
+	'cuepr;': 8926,
+	'cuesc;': 8927,
+	'cupor;': 10821,
 	curren: 164,
-	cylcty: 9005,
-	dagger: 8224,
-	daleth: 8504,
-	dcaron: 271,
-	dfisht: 10623,
+	'cuvee;': 8910,
+	'cuwed;': 8911,
+	'cwint;': 8753,
+	'dashv;': 8867,
+	'dblac;': 733,
+	'ddarr;': 8650,
+	'delta;': 948,
+	'dharl;': 8643,
+	'dharr;': 8642,
+	'diams;': 9830,
+	'disin;': 8946,
 	divide: 247,
-	divonx: 8903,
-	dlcorn: 8990,
-	dlcrop: 8973,
-	dollar: 36,
-	drcorn: 8991,
-	drcrop: 8972,
-	dstrok: 273,
+	'doteq;': 8784,
+	'dtdot;': 8945,
+	'dtrif;': 9662,
+	'duarr;': 8693,
+	'duhar;': 10607,
+	'eDDot;': 10871,
 	eacute: 233,
-	easter: 10862,
-	ecaron: 283,
-	ecolon: 8789,
+	'ecirc;': 234,
+	'efDot;': 8786,
 	egrave: 232,
-	egsdot: 10904,
-	elsdot: 10903,
-	emptyv: 8709,
-	emsp13: 8196,
-	emsp14: 8197,
-	eparsl: 10723,
-	eqcirc: 8790,
-	equals: 61,
-	equest: 8799,
-	female: 9792,
-	ffilig: 64259,
-	ffllig: 64260,
-	forall: 8704,
+	'emacr;': 275,
+	'empty;': 8709,
+	'eogon;': 281,
+	'eplus;': 10865,
+	'epsiv;': 1013,
+	'eqsim;': 8770,
+	'equiv;': 8801,
+	'erDot;': 8787,
+	'erarr;': 10609,
+	'esdot;': 8784,
+	'exist;': 8707,
+	'fflig;': 64256,
+	'filig;': 64257,
+	'fjlig;': 102,
+	'fllig;': 64258,
+	'fltns;': 9649,
+	'forkv;': 10969,
 	frac12: 189,
-	frac13: 8531,
 	frac14: 188,
-	frac15: 8533,
-	frac16: 8537,
-	frac18: 8539,
-	frac23: 8532,
-	frac25: 8534,
 	frac34: 190,
-	frac35: 8535,
-	frac38: 8540,
-	frac45: 8536,
-	frac56: 8538,
-	frac58: 8541,
-	frac78: 8542,
-	gacute: 501,
-	gammad: 989,
-	gbreve: 287,
-	gesdot: 10880,
-	gesles: 10900,
-	gtlPar: 10645,
-	gtrarr: 10616,
-	gtrdot: 8919,
-	gtrsim: 8819,
-	hairsp: 8202,
-	hamilt: 8459,
-	hardcy: 1098,
-	hearts: 9829,
-	hellip: 8230,
-	hercon: 8889,
-	homtht: 8763,
-	horbar: 8213,
-	hslash: 8463,
-	hstrok: 295,
-	hybull: 8259,
-	hyphen: 8208,
+	'frasl;': 8260,
+	'frown;': 8994,
+	'gamma;': 947,
+	'gcirc;': 285,
+	'gescc;': 10921,
+	'gimel;': 8503,
+	'gneqq;': 8809,
+	'gnsim;': 8935,
+	'grave;': 96,
+	'gsime;': 10894,
+	'gsiml;': 10896,
+	'gtcir;': 10874,
+	'gtdot;': 8919,
+	'harrw;': 8621,
+	'hcirc;': 293,
+	'hoarr;': 8703,
 	iacute: 237,
+	'icirc;': 238,
+	'iexcl;': 161,
 	igrave: 236,
-	iiiint: 10764,
-	iinfin: 10716,
-	incare: 8453,
-	inodot: 305,
-	intcal: 8890,
+	'iiint;': 8749,
+	'iiota;': 8489,
+	'ijlig;': 307,
+	'imacr;': 299,
+	'image;': 8465,
+	'imath;': 305,
+	'imped;': 437,
+	'infin;': 8734,
+	'iogon;': 303,
+	'iprod;': 10812,
 	iquest: 191,
-	isinsv: 8947,
-	itilde: 297,
-	jsercy: 1112,
-	kappav: 1008,
-	kcedil: 311,
-	kgreen: 312,
-	lAtail: 10523,
-	lacute: 314,
-	lagran: 8466,
-	lambda: 955,
-	langle: 10216,
-	larrfs: 10525,
-	larrhk: 8617,
-	larrlp: 8619,
-	larrpl: 10553,
-	larrtl: 8610,
-	latail: 10521,
-	lbrace: 123,
-	lbrack: 91,
-	lcaron: 318,
-	lcedil: 316,
-	ldquor: 8222,
-	lesdot: 10879,
-	lesges: 10899,
-	lfisht: 10620,
-	lfloor: 8970,
-	lharul: 10602,
-	llhard: 10603,
-	lmidot: 320,
-	lmoust: 9136,
-	loplus: 10797,
-	lowast: 8727,
-	lowbar: 95,
-	lparlt: 10643,
-	lrhard: 10605,
-	lsaquo: 8249,
-	lsquor: 8218,
-	lstrok: 322,
-	lthree: 8907,
-	ltimes: 8905,
-	ltlarr: 10614,
-	ltrPar: 10646,
-	mapsto: 8614,
-	marker: 9646,
-	mcomma: 10793,
-	midast: 42,
-	midcir: 10992,
+	'isinE;': 8953,
+	'isins;': 8948,
+	'isinv;': 8712,
+	'iukcy;': 1110,
+	'jcirc;': 309,
+	'jmath;': 567,
+	'jukcy;': 1108,
+	'kappa;': 954,
+	'lAarr;': 8666,
+	'lBarr;': 10510,
+	'langd;': 10641,
+	'laquo;': 171,
+	'larrb;': 8676,
+	'lates;': 10925,
+	'lbarr;': 10508,
+	'lbbrk;': 10098,
+	'lbrke;': 10635,
+	'lceil;': 8968,
+	'ldquo;': 8220,
+	'lescc;': 10920,
+	'lhard;': 8637,
+	'lharu;': 8636,
+	'lhblk;': 9604,
+	'llarr;': 8647,
+	'lltri;': 9722,
+	'lneqq;': 8808,
+	'lnsim;': 8934,
+	'loang;': 10220,
+	'loarr;': 8701,
+	'lobrk;': 10214,
+	'lopar;': 10629,
+	'lrarr;': 8646,
+	'lrhar;': 8651,
+	'lrtri;': 8895,
+	'lsime;': 10893,
+	'lsimg;': 10895,
+	'lsquo;': 8216,
+	'ltcir;': 10873,
+	'ltdot;': 8918,
+	'ltrie;': 8884,
+	'ltrif;': 9666,
+	'mDDot;': 8762,
+	'mdash;': 8212,
+	'micro;': 181,
 	middot: 183,
-	minusb: 8863,
-	minusd: 8760,
-	mnplus: 8723,
-	models: 8871,
-	mstpos: 8766,
-	nVDash: 8879,
-	nVdash: 8878,
-	nacute: 324,
-	ncaron: 328,
-	ncedil: 326,
-	nearhk: 10532,
-	nequiv: 8802,
-	nesear: 10536,
-	nexist: 8708,
-	nltrie: 8940,
-	nprcue: 8928,
-	nrtrie: 8941,
-	nsccue: 8929,
-	nsimeq: 8772,
+	'minus;': 8722,
+	'mumap;': 8888,
+	'nabla;': 8711,
+	'napid;': 8779,
+	'napos;': 329,
+	'natur;': 9838,
+	'nbump;': 8782,
+	'ncong;': 8775,
+	'ndash;': 8211,
+	'neArr;': 8663,
+	'nearr;': 8599,
+	'nedot;': 8784,
+	'nesim;': 8770,
+	'ngeqq;': 8807,
+	'ngsim;': 8821,
+	'nhArr;': 8654,
+	'nharr;': 8622,
+	'nhpar;': 10994,
+	'nlArr;': 8653,
+	'nlarr;': 8602,
+	'nleqq;': 8806,
+	'nless;': 8814,
+	'nlsim;': 8820,
+	'nltri;': 8938,
+	'notin;': 8713,
+	'notni;': 8716,
+	'npart;': 8706,
+	'nprec;': 8832,
+	'nrArr;': 8655,
+	'nrarr;': 8603,
+	'nrtri;': 8939,
+	'nsime;': 8772,
+	'nsmid;': 8740,
+	'nspar;': 8742,
+	'nsubE;': 10949,
+	'nsube;': 8840,
+	'nsucc;': 8833,
+	'nsupE;': 10950,
+	'nsupe;': 8841,
 	ntilde: 241,
-	numero: 8470,
-	nvDash: 8877,
-	nvHarr: 10500,
-	nvdash: 8876,
-	nvlArr: 10498,
-	nvrArr: 10499,
-	nwarhk: 10531,
-	nwnear: 10535,
+	'numsp;': 8199,
+	'nvsim;': 8764,
+	'nwArr;': 8662,
+	'nwarr;': 8598,
 	oacute: 243,
-	odblac: 337,
-	odsold: 10684,
+	'ocirc;': 244,
+	'odash;': 8861,
+	'oelig;': 339,
+	'ofcir;': 10687,
 	ograve: 242,
-	ominus: 8854,
-	origof: 8886,
+	'ohbar;': 10677,
+	'olarr;': 8634,
+	'olcir;': 10686,
+	'oline;': 8254,
+	'omacr;': 333,
+	'omega;': 969,
+	'operp;': 10681,
+	'oplus;': 8853,
+	'orarr;': 8635,
+	'order;': 8500,
 	oslash: 248,
 	otilde: 245,
-	otimes: 8855,
-	parsim: 10995,
-	percnt: 37,
-	period: 46,
-	permil: 8240,
-	phmmat: 8499,
-	planck: 8463,
-	plankv: 8463,
-	plusdo: 8724,
-	plusdu: 10789,
+	'ovbar;': 9021,
+	'parsl;': 11005,
+	'phone;': 9742,
+	'plusb;': 8862,
+	'pluse;': 10866,
 	plusmn: 177,
-	preceq: 10927,
-	primes: 8473,
-	prnsim: 8936,
-	propto: 8733,
-	prurel: 8880,
-	puncsp: 8200,
-	qprime: 8279,
-	rAtail: 10524,
-	racute: 341,
-	rangle: 10217,
-	rarrap: 10613,
-	rarrfs: 10526,
-	rarrhk: 8618,
-	rarrlp: 8620,
-	rarrpl: 10565,
-	rarrtl: 8611,
-	ratail: 10522,
-	rbrace: 125,
-	rbrack: 93,
-	rcaron: 345,
-	rcedil: 343,
-	rdquor: 8221,
-	rfisht: 10621,
-	rfloor: 8971,
-	rharul: 10604,
-	rmoust: 9137,
-	roplus: 10798,
-	rpargt: 10644,
-	rsaquo: 8250,
-	rsquor: 8217,
-	rthree: 8908,
-	rtimes: 8906,
-	sacute: 347,
-	scaron: 353,
-	scedil: 351,
-	scnsim: 8937,
-	searhk: 10533,
-	seswar: 10537,
-	sfrown: 8994,
-	shchcy: 1097,
-	sigmaf: 962,
-	sigmav: 962,
-	simdot: 10858,
-	smashp: 10803,
-	softcy: 1100,
-	solbar: 9023,
-	spades: 9824,
-	sqsube: 8849,
-	sqsupe: 8850,
-	square: 9633,
-	squarf: 9642,
-	ssetmn: 8726,
-	ssmile: 8995,
-	sstarf: 8902,
-	subdot: 10941,
-	subset: 8834,
-	subsim: 10951,
-	subsub: 10965,
-	subsup: 10963,
-	succeq: 10928,
-	supdot: 10942,
-	supset: 8835,
-	supsim: 10952,
-	supsub: 10964,
-	supsup: 10966,
-	swarhk: 10534,
-	swnwar: 10538,
-	target: 8982,
-	tcaron: 357,
-	tcedil: 355,
-	telrec: 8981,
-	there4: 8756,
-	thetav: 977,
-	thinsp: 8201,
-	thksim: 8764,
-	timesb: 8864,
-	timesd: 10800,
-	topbot: 9014,
-	topcir: 10993,
-	tprime: 8244,
-	tridot: 9708,
-	tstrok: 359,
+	'pound;': 163,
+	'prcue;': 8828,
+	'prime;': 8242,
+	'prnap;': 10937,
+	'prsim;': 8830,
+	'quest;': 63,
+	'rAarr;': 8667,
+	'rBarr;': 10511,
+	'radic;': 8730,
+	'rangd;': 10642,
+	'range;': 10661,
+	'raquo;': 187,
+	'rarrb;': 8677,
+	'rarrc;': 10547,
+	'rarrw;': 8605,
+	'ratio;': 8758,
+	'rbarr;': 10509,
+	'rbbrk;': 10099,
+	'rbrke;': 10636,
+	'rceil;': 8969,
+	'rdquo;': 8221,
+	'reals;': 8477,
+	'rhard;': 8641,
+	'rharu;': 8640,
+	'rlarr;': 8644,
+	'rlhar;': 8652,
+	'rnmid;': 10990,
+	'roang;': 10221,
+	'roarr;': 8702,
+	'robrk;': 10215,
+	'ropar;': 10630,
+	'rrarr;': 8649,
+	'rsquo;': 8217,
+	'rtrie;': 8885,
+	'rtrif;': 9656,
+	'sbquo;': 8218,
+	'sccue;': 8829,
+	'scirc;': 349,
+	'scnap;': 10938,
+	'scsim;': 8831,
+	'sdotb;': 8865,
+	'sdote;': 10854,
+	'seArr;': 8664,
+	'searr;': 8600,
+	'setmn;': 8726,
+	'sharp;': 9839,
+	'sigma;': 963,
+	'simeq;': 8771,
+	'simgE;': 10912,
+	'simlE;': 10911,
+	'simne;': 8774,
+	'slarr;': 8592,
+	'smile;': 8995,
+	'smtes;': 10924,
+	'sqcap;': 8851,
+	'sqcup;': 8852,
+	'sqsub;': 8847,
+	'sqsup;': 8848,
+	'srarr;': 8594,
+	'starf;': 9733,
+	'strns;': 175,
+	'subnE;': 10955,
+	'subne;': 8842,
+	'supnE;': 10956,
+	'supne;': 8843,
+	'swArr;': 8665,
+	'swarr;': 8601,
+	'szlig;': 223,
+	'theta;': 952,
+	'thkap;': 8776,
+	'thorn;': 254,
+	'tilde;': 732,
+	'times;': 215,
+	'trade;': 8482,
+	'trisb;': 10701,
+	'tshcy;': 1115,
+	'twixt;': 8812,
 	uacute: 250,
-	ubreve: 365,
-	udblac: 369,
-	ufisht: 10622,
+	'ubrcy;': 1118,
+	'ucirc;': 251,
+	'udarr;': 8645,
+	'udhar;': 10606,
 	ugrave: 249,
-	ulcorn: 8988,
-	ulcrop: 8975,
-	urcorn: 8989,
-	urcrop: 8974,
-	utilde: 361,
-	vangrt: 10652,
-	varphi: 966,
-	varrho: 1009,
-	veebar: 8891,
-	vellip: 8942,
-	verbar: 124,
-	wedbar: 10847,
-	wedgeq: 8793,
-	weierp: 8472,
-	wreath: 8768,
-	xoplus: 10753,
-	xotime: 10754,
-	xsqcup: 10758,
-	xuplus: 10756,
-	xwedge: 8896,
+	'uharl;': 8639,
+	'uharr;': 8638,
+	'uhblk;': 9600,
+	'ultri;': 9720,
+	'umacr;': 363,
+	'uogon;': 371,
+	'uplus;': 8846,
+	'upsih;': 978,
+	'uring;': 367,
+	'urtri;': 9721,
+	'utdot;': 8944,
+	'utrif;': 9652,
+	'uuarr;': 8648,
+	'vBarv;': 10985,
+	'vDash;': 8872,
+	'varpi;': 982,
+	'vdash;': 8866,
+	'veeeq;': 8794,
+	'vltri;': 8882,
+	'vnsub;': 8834,
+	'vnsup;': 8835,
+	'vprop;': 8733,
+	'vrtri;': 8883,
+	'wcirc;': 373,
+	'wedge;': 8743,
+	'xcirc;': 9711,
+	'xdtri;': 9661,
+	'xhArr;': 10234,
+	'xharr;': 10231,
+	'xlArr;': 10232,
+	'xlarr;': 10229,
+	'xodot;': 10752,
+	'xrArr;': 10233,
+	'xrarr;': 10230,
+	'xutri;': 9651,
 	yacute: 253,
-	zacute: 378,
-	zcaron: 382,
-	zeetrf: 8488,
+	'ycirc;': 375,
 	AElig: 198,
 	Acirc: 194,
-	Alpha: 913,
-	Amacr: 256,
-	Aogon: 260,
+	'Aopf;': 120120,
 	Aring: 197,
-	Breve: 728,
-	Ccirc: 264,
-	Colon: 8759,
-	Cross: 10799,
-	Dashv: 10980,
-	Delta: 916,
+	'Ascr;': 119964,
+	'Auml;': 196,
+	'Barv;': 10983,
+	'Beta;': 914,
+	'Bopf;': 120121,
+	'Bscr;': 8492,
+	'CHcy;': 1063,
+	'COPY;': 169,
+	'Cdot;': 266,
+	'Copf;': 8450,
+	'Cscr;': 119966,
+	'DJcy;': 1026,
+	'DScy;': 1029,
+	'DZcy;': 1039,
+	'Darr;': 8609,
+	'Dopf;': 120123,
+	'Dscr;': 119967,
 	Ecirc: 202,
-	Emacr: 274,
-	Eogon: 280,
-	Equal: 10869,
-	Gamma: 915,
-	Gcirc: 284,
-	Hacek: 711,
-	Hcirc: 292,
-	IJlig: 306,
+	'Edot;': 278,
+	'Eopf;': 120124,
+	'Escr;': 8496,
+	'Esim;': 10867,
+	'Euml;': 203,
+	'Fopf;': 120125,
+	'Fscr;': 8497,
+	'GJcy;': 1027,
+	'Gdot;': 288,
+	'Gopf;': 120126,
+	'Gscr;': 119970,
+	'Hopf;': 8461,
+	'Hscr;': 8459,
+	'IEcy;': 1045,
+	'IOcy;': 1025,
 	Icirc: 206,
-	Imacr: 298,
-	Iogon: 302,
-	Iukcy: 1030,
-	Jcirc: 308,
-	Jukcy: 1028,
-	Kappa: 922,
-	OElig: 338,
+	'Idot;': 304,
+	'Iopf;': 120128,
+	'Iota;': 921,
+	'Iscr;': 8464,
+	'Iuml;': 207,
+	'Jopf;': 120129,
+	'Jscr;': 119973,
+	'KHcy;': 1061,
+	'KJcy;': 1036,
+	'Kopf;': 120130,
+	'Kscr;': 119974,
+	'LJcy;': 1033,
+	'Lang;': 10218,
+	'Larr;': 8606,
+	'Lopf;': 120131,
+	'Lscr;': 8466,
+	'Mopf;': 120132,
+	'Mscr;': 8499,
+	'NJcy;': 1034,
+	'Nopf;': 8469,
+	'Nscr;': 119977,
 	Ocirc: 212,
-	Omacr: 332,
-	Omega: 937,
-	Prime: 8243,
-	RBarr: 10512,
-	Scirc: 348,
-	Sigma: 931,
+	'Oopf;': 120134,
+	'Oscr;': 119978,
+	'Ouml;': 214,
+	'Popf;': 8473,
+	'Pscr;': 119979,
+	'QUOT;': 34,
+	'Qopf;': 8474,
+	'Qscr;': 119980,
+	'Rang;': 10219,
+	'Rarr;': 8608,
+	'Ropf;': 8477,
+	'Rscr;': 8475,
+	'SHcy;': 1064,
+	'Sopf;': 120138,
+	'Sqrt;': 8730,
+	'Sscr;': 119982,
+	'Star;': 8902,
 	THORN: 222,
-	TRADE: 8482,
-	TSHcy: 1035,
-	Theta: 920,
-	Tilde: 8764,
-	Ubrcy: 1038,
+	'TScy;': 1062,
+	'Topf;': 120139,
+	'Tscr;': 119983,
+	'Uarr;': 8607,
 	Ucirc: 219,
-	Umacr: 362,
-	Union: 8899,
-	Uogon: 370,
-	UpTee: 8869,
-	Uring: 366,
-	VDash: 8875,
-	Vdash: 8873,
-	Wcirc: 372,
-	Wedge: 8896,
-	Ycirc: 374,
+	'Uopf;': 120140,
+	'Upsi;': 978,
+	'Uscr;': 119984,
+	'Uuml;': 220,
+	'Vbar;': 10987,
+	'Vert;': 8214,
+	'Vopf;': 120141,
+	'Vscr;': 119985,
+	'Wopf;': 120142,
+	'Wscr;': 119986,
+	'Xopf;': 120143,
+	'Xscr;': 119987,
+	'YAcy;': 1071,
+	'YIcy;': 1031,
+	'YUcy;': 1070,
+	'Yopf;': 120144,
+	'Yscr;': 119988,
+	'Yuml;': 376,
+	'ZHcy;': 1046,
+	'Zdot;': 379,
+	'Zeta;': 918,
+	'Zopf;': 8484,
+	'Zscr;': 119989,
 	acirc: 226,
 	acute: 180,
 	aelig: 230,
-	aleph: 8501,
-	alpha: 945,
-	amacr: 257,
-	amalg: 10815,
-	angle: 8736,
-	angrt: 8735,
-	angst: 8491,
-	aogon: 261,
+	'andd;': 10844,
+	'andv;': 10842,
+	'ange;': 10660,
+	'aopf;': 120146,
+	'apid;': 8779,
+	'apos;': 39,
 	aring: 229,
-	asymp: 8776,
-	awint: 10769,
-	bcong: 8780,
-	bdquo: 8222,
-	bepsi: 1014,
-	blank: 9251,
-	blk12: 9618,
-	blk14: 9617,
-	blk34: 9619,
-	block: 9608,
-	boxDL: 9559,
-	boxDR: 9556,
-	boxDl: 9558,
-	boxDr: 9555,
-	boxHD: 9574,
-	boxHU: 9577,
-	boxHd: 9572,
-	boxHu: 9575,
-	boxUL: 9565,
-	boxUR: 9562,
-	boxUl: 9564,
-	boxUr: 9561,
-	boxVH: 9580,
-	boxVL: 9571,
-	boxVR: 9568,
-	boxVh: 9579,
-	boxVl: 9570,
-	boxVr: 9567,
-	boxdL: 9557,
-	boxdR: 9554,
-	boxdl: 9488,
-	boxdr: 9484,
-	boxhD: 9573,
-	boxhU: 9576,
-	boxhd: 9516,
-	boxhu: 9524,
-	boxuL: 9563,
-	boxuR: 9560,
-	boxul: 9496,
-	boxur: 9492,
-	boxvH: 9578,
-	boxvL: 9569,
-	boxvR: 9566,
-	boxvh: 9532,
-	boxvl: 9508,
-	boxvr: 9500,
-	breve: 728,
-	bsemi: 8271,
-	bsime: 8909,
-	bsolb: 10693,
-	bumpE: 10926,
-	bumpe: 8783,
-	caret: 8257,
-	caron: 711,
-	ccaps: 10829,
-	ccirc: 265,
-	ccups: 10828,
+	'ascr;': 119990,
+	'auml;': 228,
+	'bNot;': 10989,
+	'bbrk;': 9141,
+	'beta;': 946,
+	'beth;': 8502,
+	'bnot;': 8976,
+	'bopf;': 120147,
+	'boxH;': 9552,
+	'boxV;': 9553,
+	'boxh;': 9472,
+	'boxv;': 9474,
+	'bscr;': 119991,
+	'bsim;': 8765,
+	'bsol;': 92,
+	'bull;': 8226,
+	'bump;': 8782,
+	'caps;': 8745,
+	'cdot;': 267,
 	cedil: 184,
-	check: 10003,
-	clubs: 9827,
-	colon: 58,
-	comma: 44,
-	crarr: 8629,
-	cross: 10007,
-	csube: 10961,
-	csupe: 10962,
-	ctdot: 8943,
-	cuepr: 8926,
-	cuesc: 8927,
-	cupor: 10821,
-	cuvee: 8910,
-	cuwed: 8911,
-	cwint: 8753,
-	dashv: 8867,
-	dblac: 733,
-	ddarr: 8650,
-	delta: 948,
-	dharl: 8643,
-	dharr: 8642,
-	diams: 9830,
-	disin: 8946,
-	doteq: 8784,
-	dtdot: 8945,
-	dtrif: 9662,
-	duarr: 8693,
-	duhar: 10607,
-	eDDot: 10871,
+	'cent;': 162,
+	'chcy;': 1095,
+	'cirE;': 10691,
+	'circ;': 710,
+	'cire;': 8791,
+	'comp;': 8705,
+	'cong;': 8773,
+	'copf;': 120148,
+	'copy;': 169,
+	'cscr;': 119992,
+	'csub;': 10959,
+	'csup;': 10960,
+	'cups;': 8746,
+	'dArr;': 8659,
+	'dHar;': 10597,
+	'darr;': 8595,
+	'dash;': 8208,
+	'diam;': 8900,
+	'djcy;': 1106,
+	'dopf;': 120149,
+	'dscr;': 119993,
+	'dscy;': 1109,
+	'dsol;': 10742,
+	'dtri;': 9663,
+	'dzcy;': 1119,
+	'eDot;': 8785,
+	'ecir;': 8790,
 	ecirc: 234,
-	efDot: 8786,
-	emacr: 275,
-	empty: 8709,
-	eogon: 281,
-	eplus: 10865,
-	epsiv: 949,
-	eqsim: 8770,
-	equiv: 8801,
-	erDot: 8787,
-	erarr: 10609,
-	esdot: 8784,
-	exist: 8707,
-	fflig: 64256,
-	filig: 64257,
-	fllig: 64258,
-	fltns: 9649,
-	forkv: 10969,
-	frasl: 8260,
-	frown: 8994,
-	gamma: 947,
-	gcirc: 285,
-	gescc: 10921,
-	gimel: 8503,
-	gneqq: 8809,
-	gnsim: 8935,
-	grave: 96,
-	gsime: 10894,
-	gsiml: 10896,
-	gtcir: 10874,
-	gtdot: 8919,
-	harrw: 8621,
-	hcirc: 293,
-	hoarr: 8703,
+	'edot;': 279,
+	'emsp;': 8195,
+	'ensp;': 8194,
+	'eopf;': 120150,
+	'epar;': 8917,
+	'epsi;': 949,
+	'escr;': 8495,
+	'esim;': 8770,
+	'euml;': 235,
+	'euro;': 8364,
+	'excl;': 33,
+	'flat;': 9837,
+	'fnof;': 402,
+	'fopf;': 120151,
+	'fork;': 8916,
+	'fscr;': 119995,
+	'gdot;': 289,
+	'geqq;': 8807,
+	'gesl;': 8923,
+	'gjcy;': 1107,
+	'gnap;': 10890,
+	'gneq;': 10888,
+	'gopf;': 120152,
+	'gscr;': 8458,
+	'gsim;': 8819,
+	'gtcc;': 10919,
+	'gvnE;': 8809,
+	'hArr;': 8660,
+	'half;': 189,
+	'harr;': 8596,
+	'hbar;': 8463,
+	'hopf;': 120153,
+	'hscr;': 119997,
 	icirc: 238,
+	'iecy;': 1077,
 	iexcl: 161,
-	iiint: 8749,
-	iiota: 8489,
-	ijlig: 307,
-	imacr: 299,
-	image: 8465,
-	imath: 305,
-	imped: 437,
-	infin: 8734,
-	iogon: 303,
-	iprod: 10812,
-	isinE: 8953,
-	isins: 8948,
-	isinv: 8712,
-	iukcy: 1110,
-	jcirc: 309,
-	jmath: 567,
-	jukcy: 1108,
-	kappa: 954,
-	lAarr: 8666,
-	lBarr: 10510,
-	langd: 10641,
+	'imof;': 8887,
+	'iocy;': 1105,
+	'iopf;': 120154,
+	'iota;': 953,
+	'iscr;': 119998,
+	'isin;': 8712,
+	'iuml;': 239,
+	'jopf;': 120155,
+	'jscr;': 119999,
+	'khcy;': 1093,
+	'kjcy;': 1116,
+	'kopf;': 120156,
+	'kscr;': 120000,
+	'lArr;': 8656,
+	'lHar;': 10594,
+	'lang;': 10216,
 	laquo: 171,
-	larrb: 8676,
-	lbarr: 10508,
-	lbbrk: 10098,
-	lbrke: 10635,
-	lceil: 8968,
-	ldquo: 8220,
-	lescc: 10920,
-	lhard: 8637,
-	lharu: 8636,
-	lhblk: 9604,
-	llarr: 8647,
-	lltri: 9722,
-	lneqq: 8808,
-	lnsim: 8934,
-	loang: 10220,
-	loarr: 8701,
-	lobrk: 10214,
-	lopar: 10629,
-	lrarr: 8646,
-	lrhar: 8651,
-	lrtri: 8895,
-	lsime: 10893,
-	lsimg: 10895,
-	lsquo: 8216,
-	ltcir: 10873,
-	ltdot: 8918,
-	ltrie: 8884,
-	ltrif: 9666,
-	mDDot: 8762,
-	mdash: 8212,
+	'larr;': 8592,
+	'late;': 10925,
+	'lcub;': 123,
+	'ldca;': 10550,
+	'ldsh;': 8626,
+	'leqq;': 8806,
+	'lesg;': 8922,
+	'ljcy;': 1113,
+	'lnap;': 10889,
+	'lneq;': 10887,
+	'lopf;': 120157,
+	'lozf;': 10731,
+	'lpar;': 40,
+	'lscr;': 120001,
+	'lsim;': 8818,
+	'lsqb;': 91,
+	'ltcc;': 10918,
+	'ltri;': 9667,
+	'lvnE;': 8808,
+	'macr;': 175,
+	'male;': 9794,
+	'malt;': 10016,
 	micro: 181,
-	minus: 8722,
-	mumap: 8888,
-	nabla: 8711,
-	napos: 329,
-	natur: 9838,
-	ncong: 8775,
-	ndash: 8211,
-	neArr: 8663,
-	nearr: 8599,
-	ngsim: 8821,
-	nhArr: 8654,
-	nharr: 8622,
-	nhpar: 10994,
-	nlArr: 8653,
-	nlarr: 8602,
-	nless: 8814,
-	nlsim: 8820,
-	nltri: 8938,
-	notin: 8713,
-	notni: 8716,
-	nprec: 8832,
-	nrArr: 8655,
-	nrarr: 8603,
-	nrtri: 8939,
-	nsime: 8772,
-	nsmid: 8740,
-	nspar: 8742,
-	nsube: 8840,
-	nsucc: 8833,
-	nsupe: 8841,
-	numsp: 8199,
-	nwArr: 8662,
-	nwarr: 8598,
+	'mlcp;': 10971,
+	'mldr;': 8230,
+	'mopf;': 120158,
+	'mscr;': 120002,
+	'nGtv;': 8811,
+	'nLtv;': 8810,
+	'nang;': 8736,
+	'napE;': 10864,
+	'nbsp;': 160,
+	'ncap;': 10819,
+	'ncup;': 10818,
+	'ngeq;': 8817,
+	'nges;': 10878,
+	'ngtr;': 8815,
+	'nisd;': 8954,
+	'njcy;': 1114,
+	'nldr;': 8229,
+	'nleq;': 8816,
+	'nles;': 10877,
+	'nmid;': 8740,
+	'nopf;': 120159,
+	'npar;': 8742,
+	'npre;': 10927,
+	'nsce;': 10928,
+	'nscr;': 120003,
+	'nsim;': 8769,
+	'nsub;': 8836,
+	'nsup;': 8837,
+	'ntgl;': 8825,
+	'ntlg;': 8824,
+	'nvap;': 8781,
+	'nvge;': 8805,
+	'nvgt;': 62,
+	'nvle;': 8804,
+	'nvlt;': 60,
+	'oast;': 8859,
+	'ocir;': 8858,
 	ocirc: 244,
-	odash: 8861,
-	oelig: 339,
-	ofcir: 10687,
-	ohbar: 10677,
-	olarr: 8634,
-	olcir: 10686,
-	oline: 8254,
-	omacr: 333,
-	omega: 969,
-	operp: 10681,
-	oplus: 8853,
-	orarr: 8635,
-	order: 8500,
-	ovbar: 9021,
-	parsl: 11005,
-	phone: 9742,
-	plusb: 8862,
-	pluse: 10866,
+	'odiv;': 10808,
+	'odot;': 8857,
+	'ogon;': 731,
+	'oint;': 8750,
+	'omid;': 10678,
+	'oopf;': 120160,
+	'opar;': 10679,
+	'ordf;': 170,
+	'ordm;': 186,
+	'oror;': 10838,
+	'oscr;': 8500,
+	'osol;': 8856,
+	'ouml;': 246,
+	'para;': 182,
+	'part;': 8706,
+	'perp;': 8869,
+	'phiv;': 981,
+	'plus;': 43,
+	'popf;': 120161,
 	pound: 163,
-	prcue: 8828,
-	prime: 8242,
-	prnap: 10937,
-	prsim: 8830,
-	quest: 63,
-	rAarr: 8667,
-	rBarr: 10511,
-	radic: 8730,
-	rangd: 10642,
-	range: 10661,
+	'prap;': 10935,
+	'prec;': 8826,
+	'prnE;': 10933,
+	'prod;': 8719,
+	'prop;': 8733,
+	'pscr;': 120005,
+	'qint;': 10764,
+	'qopf;': 120162,
+	'qscr;': 120006,
+	'quot;': 34,
+	'rArr;': 8658,
+	'rHar;': 10596,
+	'race;': 8765,
+	'rang;': 10217,
 	raquo: 187,
-	rarrb: 8677,
-	rarrc: 10547,
-	rarrw: 8605,
-	ratio: 8758,
-	rbarr: 10509,
-	rbbrk: 10099,
-	rbrke: 10636,
-	rceil: 8969,
-	rdquo: 8221,
-	reals: 8477,
-	rhard: 8641,
-	rharu: 8640,
-	rlarr: 8644,
-	rlhar: 8652,
-	rnmid: 10990,
-	roang: 10221,
-	roarr: 8702,
-	robrk: 10215,
-	ropar: 10630,
-	rrarr: 8649,
-	rsquo: 8217,
-	rtrie: 8885,
-	rtrif: 9656,
-	sbquo: 8218,
-	sccue: 8829,
-	scirc: 349,
-	scnap: 10938,
-	scsim: 8831,
-	sdotb: 8865,
-	sdote: 10854,
-	seArr: 8664,
-	searr: 8600,
-	setmn: 8726,
-	sharp: 9839,
-	sigma: 963,
-	simeq: 8771,
-	simgE: 10912,
-	simlE: 10911,
-	simne: 8774,
-	slarr: 8592,
-	smile: 8995,
-	sqcap: 8851,
-	sqcup: 8852,
-	sqsub: 8847,
-	sqsup: 8848,
-	srarr: 8594,
-	starf: 9733,
-	strns: 175,
-	subnE: 10955,
-	subne: 8842,
-	supnE: 10956,
-	supne: 8843,
-	swArr: 8665,
-	swarr: 8601,
+	'rarr;': 8594,
+	'rcub;': 125,
+	'rdca;': 10551,
+	'rdsh;': 8627,
+	'real;': 8476,
+	'rect;': 9645,
+	'rhov;': 1009,
+	'ring;': 730,
+	'ropf;': 120163,
+	'rpar;': 41,
+	'rscr;': 120007,
+	'rsqb;': 93,
+	'rtri;': 9657,
+	'scap;': 10936,
+	'scnE;': 10934,
+	'sdot;': 8901,
+	'sect;': 167,
+	'semi;': 59,
+	'sext;': 10038,
+	'shcy;': 1096,
+	'sime;': 8771,
+	'simg;': 10910,
+	'siml;': 10909,
+	'smid;': 8739,
+	'smte;': 10924,
+	'solb;': 10692,
+	'sopf;': 120164,
+	'spar;': 8741,
+	'squf;': 9642,
+	'sscr;': 120008,
+	'star;': 9734,
+	'subE;': 10949,
+	'sube;': 8838,
+	'succ;': 8827,
+	'sung;': 9834,
+	'sup1;': 185,
+	'sup2;': 178,
+	'sup3;': 179,
+	'supE;': 10950,
+	'supe;': 8839,
 	szlig: 223,
-	theta: 952,
-	thkap: 8776,
+	'tbrk;': 9140,
+	'tdot;': 8411,
 	thorn: 254,
-	tilde: 732,
 	times: 215,
-	trade: 8482,
-	trisb: 10701,
-	tshcy: 1115,
-	twixt: 8812,
-	ubrcy: 1118,
+	'tint;': 8749,
+	'toea;': 10536,
+	'topf;': 120165,
+	'tosa;': 10537,
+	'trie;': 8796,
+	'tscr;': 120009,
+	'tscy;': 1094,
+	'uArr;': 8657,
+	'uHar;': 10595,
+	'uarr;': 8593,
 	ucirc: 251,
-	udarr: 8645,
-	udhar: 10606,
-	uharl: 8639,
-	uharr: 8638,
-	uhblk: 9600,
-	ultri: 9720,
-	umacr: 363,
-	uogon: 371,
-	uplus: 8846,
-	upsih: 978,
-	uring: 367,
-	urtri: 9721,
-	utdot: 8944,
-	utrif: 9652,
-	uuarr: 8648,
-	vBarv: 10985,
-	vDash: 8872,
-	varpi: 982,
-	vdash: 8866,
-	veeeq: 8794,
-	vltri: 8882,
-	vprop: 8733,
-	vrtri: 8883,
-	wcirc: 373,
-	wedge: 8743,
-	xcirc: 9711,
-	xdtri: 9661,
-	xhArr: 10234,
-	xharr: 10231,
-	xlArr: 10232,
-	xlarr: 10229,
-	xodot: 10752,
-	xrArr: 10233,
-	xrarr: 10230,
-	xutri: 9651,
-	ycirc: 375,
-	Aopf: 120120,
-	Ascr: 119964,
+	'uopf;': 120166,
+	'upsi;': 965,
+	'uscr;': 120010,
+	'utri;': 9653,
+	'uuml;': 252,
+	'vArr;': 8661,
+	'vBar;': 10984,
+	'varr;': 8597,
+	'vert;': 124,
+	'vopf;': 120167,
+	'vscr;': 120011,
+	'wopf;': 120168,
+	'wscr;': 120012,
+	'xcap;': 8898,
+	'xcup;': 8899,
+	'xmap;': 10236,
+	'xnis;': 8955,
+	'xopf;': 120169,
+	'xscr;': 120013,
+	'xvee;': 8897,
+	'yacy;': 1103,
+	'yicy;': 1111,
+	'yopf;': 120170,
+	'yscr;': 120014,
+	'yucy;': 1102,
+	'yuml;': 255,
+	'zdot;': 380,
+	'zeta;': 950,
+	'zhcy;': 1078,
+	'zopf;': 120171,
+	'zscr;': 120015,
+	'zwnj;': 8204,
+	'AMP;': 38,
+	'Acy;': 1040,
+	'Afr;': 120068,
+	'And;': 10835,
 	Auml: 196,
-	Barv: 10983,
-	Beta: 914,
-	Bopf: 120121,
-	Bscr: 8492,
-	CHcy: 1063,
+	'Bcy;': 1041,
+	'Bfr;': 120069,
 	COPY: 169,
-	Cdot: 266,
-	Copf: 8450,
-	Cscr: 119966,
-	DJcy: 1026,
-	DScy: 1029,
-	DZcy: 1039,
-	Darr: 8609,
-	Dopf: 120123,
-	Dscr: 119967,
-	Edot: 278,
-	Eopf: 120124,
-	Escr: 8496,
-	Esim: 10867,
+	'Cap;': 8914,
+	'Cfr;': 8493,
+	'Chi;': 935,
+	'Cup;': 8915,
+	'Dcy;': 1044,
+	'Del;': 8711,
+	'Dfr;': 120071,
+	'Dot;': 168,
+	'ENG;': 330,
+	'ETH;': 208,
+	'Ecy;': 1069,
+	'Efr;': 120072,
+	'Eta;': 919,
 	Euml: 203,
-	Fopf: 120125,
-	Fscr: 8497,
-	GJcy: 1027,
-	Gdot: 288,
-	Gopf: 120126,
-	Gscr: 119970,
-	Hopf: 8461,
-	Hscr: 8459,
-	IEcy: 1045,
-	IOcy: 1025,
-	Idot: 304,
-	Iopf: 120128,
-	Iota: 921,
-	Iscr: 8464,
+	'Fcy;': 1060,
+	'Ffr;': 120073,
+	'Gcy;': 1043,
+	'Gfr;': 120074,
+	'Hat;': 94,
+	'Hfr;': 8460,
+	'Icy;': 1048,
+	'Ifr;': 8465,
+	'Int;': 8748,
 	Iuml: 207,
-	Jopf: 120129,
-	Jscr: 119973,
-	KHcy: 1061,
-	KJcy: 1036,
-	Kopf: 120130,
-	Kscr: 119974,
-	LJcy: 1033,
-	Lang: 10218,
-	Larr: 8606,
-	Lopf: 120131,
-	Lscr: 8466,
-	Mopf: 120132,
-	Mscr: 8499,
-	NJcy: 1034,
-	Nopf: 8469,
-	Nscr: 119977,
-	Oopf: 120134,
-	Oscr: 119978,
+	'Jcy;': 1049,
+	'Jfr;': 120077,
+	'Kcy;': 1050,
+	'Kfr;': 120078,
+	'Lcy;': 1051,
+	'Lfr;': 120079,
+	'Lsh;': 8624,
+	'Map;': 10501,
+	'Mcy;': 1052,
+	'Mfr;': 120080,
+	'Ncy;': 1053,
+	'Nfr;': 120081,
+	'Not;': 10988,
+	'Ocy;': 1054,
+	'Ofr;': 120082,
 	Ouml: 214,
-	Popf: 8473,
-	Pscr: 119979,
+	'Pcy;': 1055,
+	'Pfr;': 120083,
+	'Phi;': 934,
+	'Psi;': 936,
 	QUOT: 34,
-	Qopf: 8474,
-	Qscr: 119980,
-	Rang: 10219,
-	Rarr: 8608,
-	Ropf: 8477,
-	Rscr: 8475,
-	SHcy: 1064,
-	Sopf: 120138,
-	Sqrt: 8730,
-	Sscr: 119982,
-	Star: 8902,
-	TScy: 1062,
-	Topf: 120139,
-	Tscr: 119983,
-	Uarr: 8607,
-	Uopf: 120140,
-	Upsi: 978,
-	Uscr: 119984,
+	'Qfr;': 120084,
+	'REG;': 174,
+	'Rcy;': 1056,
+	'Rfr;': 8476,
+	'Rho;': 929,
+	'Rsh;': 8625,
+	'Scy;': 1057,
+	'Sfr;': 120086,
+	'Sub;': 8912,
+	'Sum;': 8721,
+	'Sup;': 8913,
+	'Tab;': 9,
+	'Tau;': 932,
+	'Tcy;': 1058,
+	'Tfr;': 120087,
+	'Ucy;': 1059,
+	'Ufr;': 120088,
 	Uuml: 220,
-	Vbar: 10987,
-	Vert: 8214,
-	Vopf: 120141,
-	Vscr: 119985,
-	Wopf: 120142,
-	Wscr: 119986,
-	Xopf: 120143,
-	Xscr: 119987,
-	YAcy: 1071,
-	YIcy: 1031,
-	YUcy: 1070,
-	Yopf: 120144,
-	Yscr: 119988,
-	Yuml: 376,
-	ZHcy: 1046,
-	Zdot: 379,
-	Zeta: 918,
-	Zopf: 8484,
-	Zscr: 119989,
-	andd: 10844,
-	andv: 10842,
-	ange: 10660,
-	aopf: 120146,
-	apid: 8779,
-	apos: 39,
-	ascr: 119990,
+	'Vcy;': 1042,
+	'Vee;': 8897,
+	'Vfr;': 120089,
+	'Wfr;': 120090,
+	'Xfr;': 120091,
+	'Ycy;': 1067,
+	'Yfr;': 120092,
+	'Zcy;': 1047,
+	'Zfr;': 8488,
+	'acE;': 8766,
+	'acd;': 8767,
+	'acy;': 1072,
+	'afr;': 120094,
+	'amp;': 38,
+	'and;': 8743,
+	'ang;': 8736,
+	'apE;': 10864,
+	'ape;': 8778,
+	'ast;': 42,
 	auml: 228,
-	bNot: 10989,
-	bbrk: 9141,
-	beta: 946,
-	beth: 8502,
-	bnot: 8976,
-	bopf: 120147,
-	boxH: 9552,
-	boxV: 9553,
-	boxh: 9472,
-	boxv: 9474,
-	bscr: 119991,
-	bsim: 8765,
-	bsol: 92,
-	bull: 8226,
-	bump: 8782,
-	cdot: 267,
+	'bcy;': 1073,
+	'bfr;': 120095,
+	'bne;': 61,
+	'bot;': 8869,
+	'cap;': 8745,
 	cent: 162,
-	chcy: 1095,
-	cirE: 10691,
-	circ: 710,
-	cire: 8791,
-	comp: 8705,
-	cong: 8773,
-	copf: 120148,
+	'cfr;': 120096,
+	'chi;': 967,
+	'cir;': 9675,
 	copy: 169,
-	cscr: 119992,
-	csub: 10959,
-	csup: 10960,
-	dArr: 8659,
-	dHar: 10597,
-	darr: 8595,
-	dash: 8208,
-	diam: 8900,
-	djcy: 1106,
-	dopf: 120149,
-	dscr: 119993,
-	dscy: 1109,
-	dsol: 10742,
-	dtri: 9663,
-	dzcy: 1119,
-	eDot: 8785,
-	ecir: 8790,
-	edot: 279,
-	emsp: 8195,
-	ensp: 8194,
-	eopf: 120150,
-	epar: 8917,
-	epsi: 1013,
-	escr: 8495,
-	esim: 8770,
+	'cup;': 8746,
+	'dcy;': 1076,
+	'deg;': 176,
+	'dfr;': 120097,
+	'die;': 168,
+	'div;': 247,
+	'dot;': 729,
+	'ecy;': 1101,
+	'efr;': 120098,
+	'egs;': 10902,
+	'ell;': 8467,
+	'els;': 10901,
+	'eng;': 331,
+	'eta;': 951,
+	'eth;': 240,
 	euml: 235,
-	euro: 8364,
-	excl: 33,
-	flat: 9837,
-	fnof: 402,
-	fopf: 120151,
-	fork: 8916,
-	fscr: 119995,
-	gdot: 289,
-	geqq: 8807,
-	gjcy: 1107,
-	gnap: 10890,
-	gneq: 10888,
-	gopf: 120152,
-	gscr: 8458,
-	gsim: 8819,
-	gtcc: 10919,
-	hArr: 8660,
-	half: 189,
-	harr: 8596,
-	hbar: 8463,
-	hopf: 120153,
-	hscr: 119997,
-	iecy: 1077,
-	imof: 8887,
-	iocy: 1105,
-	iopf: 120154,
-	iota: 953,
-	iscr: 119998,
-	isin: 8712,
+	'fcy;': 1092,
+	'ffr;': 120099,
+	'gEl;': 10892,
+	'gap;': 10886,
+	'gcy;': 1075,
+	'gel;': 8923,
+	'geq;': 8805,
+	'ges;': 10878,
+	'gfr;': 120100,
+	'ggg;': 8921,
+	'glE;': 10898,
+	'gla;': 10917,
+	'glj;': 10916,
+	'gnE;': 8809,
+	'gne;': 10888,
+	'hfr;': 120101,
+	'icy;': 1080,
+	'iff;': 8660,
+	'ifr;': 120102,
+	'int;': 8747,
 	iuml: 239,
-	jopf: 120155,
-	jscr: 119999,
-	khcy: 1093,
-	kjcy: 1116,
-	kopf: 120156,
-	kscr: 120000,
-	lArr: 8656,
-	lHar: 10594,
-	lang: 10216,
-	larr: 8592,
-	late: 10925,
-	lcub: 123,
-	ldca: 10550,
-	ldsh: 8626,
-	leqq: 8806,
-	ljcy: 1113,
-	lnap: 10889,
-	lneq: 10887,
-	lopf: 120157,
-	lozf: 10731,
-	lpar: 40,
-	lscr: 120001,
-	lsim: 8818,
-	lsqb: 91,
-	ltcc: 10918,
-	ltri: 9667,
+	'jcy;': 1081,
+	'jfr;': 120103,
+	'kcy;': 1082,
+	'kfr;': 120104,
+	'lEg;': 10891,
+	'lap;': 10885,
+	'lat;': 10923,
+	'lcy;': 1083,
+	'leg;': 8922,
+	'leq;': 8804,
+	'les;': 10877,
+	'lfr;': 120105,
+	'lgE;': 10897,
+	'lnE;': 8808,
+	'lne;': 10887,
+	'loz;': 9674,
+	'lrm;': 8206,
+	'lsh;': 8624,
 	macr: 175,
-	male: 9794,
-	malt: 10016,
-	mlcp: 10971,
-	mldr: 8230,
-	mopf: 120158,
-	mscr: 120002,
+	'map;': 8614,
+	'mcy;': 1084,
+	'mfr;': 120106,
+	'mho;': 8487,
+	'mid;': 8739,
+	'nGg;': 8921,
+	'nGt;': 8811,
+	'nLl;': 8920,
+	'nLt;': 8810,
+	'nap;': 8777,
 	nbsp: 160,
-	ncap: 10819,
-	ncup: 10818,
-	ngeq: 8817,
-	ngtr: 8815,
-	nisd: 8954,
-	njcy: 1114,
-	nldr: 8229,
-	nleq: 8816,
-	nmid: 8740,
-	nopf: 120159,
-	npar: 8742,
-	nscr: 120003,
-	nsim: 8769,
-	nsub: 8836,
-	nsup: 8837,
-	ntgl: 8825,
-	ntlg: 8824,
-	oast: 8859,
-	ocir: 8858,
-	odiv: 10808,
-	odot: 8857,
-	ogon: 731,
-	oint: 8750,
-	omid: 10678,
-	oopf: 120160,
-	opar: 10679,
+	'ncy;': 1085,
+	'nfr;': 120107,
+	'ngE;': 8807,
+	'nge;': 8817,
+	'ngt;': 8815,
+	'nis;': 8956,
+	'niv;': 8715,
+	'nlE;': 8806,
+	'nle;': 8816,
+	'nlt;': 8814,
+	'not;': 172,
+	'npr;': 8832,
+	'nsc;': 8833,
+	'num;': 35,
+	'ocy;': 1086,
+	'ofr;': 120108,
+	'ogt;': 10689,
+	'ohm;': 937,
+	'olt;': 10688,
+	'ord;': 10845,
 	ordf: 170,
 	ordm: 186,
-	oror: 10838,
-	oscr: 8500,
-	osol: 8856,
+	'orv;': 10843,
 	ouml: 246,
+	'par;': 8741,
 	para: 182,
-	part: 8706,
-	perp: 8869,
-	phiv: 966,
-	plus: 43,
-	popf: 120161,
-	prap: 10935,
-	prec: 8826,
-	prnE: 10933,
-	prod: 8719,
-	prop: 8733,
-	pscr: 120005,
-	qint: 10764,
-	qopf: 120162,
-	qscr: 120006,
+	'pcy;': 1087,
+	'pfr;': 120109,
+	'phi;': 966,
+	'piv;': 982,
+	'prE;': 10931,
+	'pre;': 10927,
+	'psi;': 968,
+	'qfr;': 120110,
 	quot: 34,
-	rArr: 8658,
-	rHar: 10596,
-	race: 10714,
-	rang: 10217,
-	rarr: 8594,
-	rcub: 125,
-	rdca: 10551,
-	rdsh: 8627,
-	real: 8476,
-	rect: 9645,
-	rhov: 1009,
-	ring: 730,
-	ropf: 120163,
-	rpar: 41,
-	rscr: 120007,
-	rsqb: 93,
-	rtri: 9657,
-	scap: 10936,
-	scnE: 10934,
-	sdot: 8901,
+	'rcy;': 1088,
+	'reg;': 174,
+	'rfr;': 120111,
+	'rho;': 961,
+	'rlm;': 8207,
+	'rsh;': 8625,
+	'scE;': 10932,
+	'sce;': 10928,
+	'scy;': 1089,
 	sect: 167,
-	semi: 59,
-	sext: 10038,
-	shcy: 1096,
-	sime: 8771,
-	simg: 10910,
-	siml: 10909,
-	smid: 8739,
-	smte: 10924,
-	solb: 10692,
-	sopf: 120164,
-	spar: 8741,
-	squf: 9642,
-	sscr: 120008,
-	star: 9734,
-	subE: 10949,
-	sube: 8838,
-	succ: 8827,
-	sung: 9834,
+	'sfr;': 120112,
+	'shy;': 173,
+	'sim;': 8764,
+	'smt;': 10922,
+	'sol;': 47,
+	'squ;': 9633,
+	'sub;': 8834,
+	'sum;': 8721,
 	sup1: 185,
 	sup2: 178,
 	sup3: 179,
-	supE: 10950,
-	supe: 8839,
-	tbrk: 9140,
-	tdot: 8411,
-	tint: 8749,
-	toea: 10536,
-	topf: 120165,
-	tosa: 10537,
-	trie: 8796,
-	tscr: 120009,
-	tscy: 1094,
-	uArr: 8657,
-	uHar: 10595,
-	uarr: 8593,
-	uopf: 120166,
-	upsi: 965,
-	uscr: 120010,
-	utri: 9653,
+	'sup;': 8835,
+	'tau;': 964,
+	'tcy;': 1090,
+	'tfr;': 120113,
+	'top;': 8868,
+	'ucy;': 1091,
+	'ufr;': 120114,
+	'uml;': 168,
 	uuml: 252,
-	vArr: 8661,
-	vBar: 10984,
-	varr: 8597,
-	vert: 124,
-	vopf: 120167,
-	vscr: 120011,
-	wopf: 120168,
-	wscr: 120012,
-	xcap: 8898,
-	xcup: 8899,
-	xmap: 10236,
-	xnis: 8955,
-	xopf: 120169,
-	xscr: 120013,
-	xvee: 8897,
-	yacy: 1103,
-	yicy: 1111,
-	yopf: 120170,
-	yscr: 120014,
-	yucy: 1102,
+	'vcy;': 1074,
+	'vee;': 8744,
+	'vfr;': 120115,
+	'wfr;': 120116,
+	'xfr;': 120117,
+	'ycy;': 1099,
+	'yen;': 165,
+	'yfr;': 120118,
 	yuml: 255,
-	zdot: 380,
-	zeta: 950,
-	zhcy: 1078,
-	zopf: 120171,
-	zscr: 120015,
-	zwnj: 8204,
+	'zcy;': 1079,
+	'zfr;': 120119,
+	'zwj;': 8205,
 	AMP: 38,
-	Acy: 1040,
-	Afr: 120068,
-	And: 10835,
-	Bcy: 1041,
-	Bfr: 120069,
-	Cap: 8914,
-	Cfr: 8493,
-	Chi: 935,
-	Cup: 8915,
-	Dcy: 1044,
-	Del: 8711,
-	Dfr: 120071,
-	Dot: 168,
-	ENG: 330,
+	'DD;': 8517,
 	ETH: 208,
-	Ecy: 1069,
-	Efr: 120072,
-	Eta: 919,
-	Fcy: 1060,
-	Ffr: 120073,
-	Gcy: 1043,
-	Gfr: 120074,
-	Hat: 94,
-	Hfr: 8460,
-	Icy: 1048,
-	Ifr: 8465,
-	Int: 8748,
-	Jcy: 1049,
-	Jfr: 120077,
-	Kcy: 1050,
-	Kfr: 120078,
-	Lcy: 1051,
-	Lfr: 120079,
-	Lsh: 8624,
-	Map: 10501,
-	Mcy: 1052,
-	Mfr: 120080,
-	Ncy: 1053,
-	Nfr: 120081,
-	Not: 10988,
-	Ocy: 1054,
-	Ofr: 120082,
-	Pcy: 1055,
-	Pfr: 120083,
-	Phi: 934,
-	Psi: 936,
-	Qfr: 120084,
+	'GT;': 62,
+	'Gg;': 8921,
+	'Gt;': 8811,
+	'Im;': 8465,
+	'LT;': 60,
+	'Ll;': 8920,
+	'Lt;': 8810,
+	'Mu;': 924,
+	'Nu;': 925,
+	'Or;': 10836,
+	'Pi;': 928,
+	'Pr;': 10939,
 	REG: 174,
-	Rcy: 1056,
-	Rfr: 8476,
-	Rho: 929,
-	Rsh: 8625,
-	Scy: 1057,
-	Sfr: 120086,
-	Sub: 8912,
-	Sum: 8721,
-	Sup: 8913,
-	Tab: 9,
-	Tau: 932,
-	Tcy: 1058,
-	Tfr: 120087,
-	Ucy: 1059,
-	Ufr: 120088,
-	Vcy: 1042,
-	Vee: 8897,
-	Vfr: 120089,
-	Wfr: 120090,
-	Xfr: 120091,
-	Ycy: 1067,
-	Yfr: 120092,
-	Zcy: 1047,
-	Zfr: 8488,
-	acd: 8767,
-	acy: 1072,
-	afr: 120094,
+	'Re;': 8476,
+	'Sc;': 10940,
+	'Xi;': 926,
+	'ac;': 8766,
+	'af;': 8289,
 	amp: 38,
-	and: 8743,
-	ang: 8736,
-	apE: 10864,
-	ape: 8778,
-	ast: 42,
-	bcy: 1073,
-	bfr: 120095,
-	bot: 8869,
-	cap: 8745,
-	cfr: 120096,
-	chi: 967,
-	cir: 9675,
-	cup: 8746,
-	dcy: 1076,
+	'ap;': 8776,
+	'dd;': 8518,
 	deg: 176,
-	dfr: 120097,
-	die: 168,
-	div: 247,
-	dot: 729,
-	ecy: 1101,
-	efr: 120098,
-	egs: 10902,
-	ell: 8467,
-	els: 10901,
-	eng: 331,
-	eta: 951,
+	'ee;': 8519,
+	'eg;': 10906,
+	'el;': 10905,
 	eth: 240,
-	fcy: 1092,
-	ffr: 120099,
-	gEl: 10892,
-	gap: 10886,
-	gcy: 1075,
-	gel: 8923,
-	geq: 8805,
-	ges: 10878,
-	gfr: 120100,
-	ggg: 8921,
-	glE: 10898,
-	gla: 10917,
-	glj: 10916,
-	gnE: 8809,
-	gne: 10888,
-	hfr: 120101,
-	icy: 1080,
-	iff: 8660,
-	ifr: 120102,
-	int: 8747,
-	jcy: 1081,
-	jfr: 120103,
-	kcy: 1082,
-	kfr: 120104,
-	lEg: 10891,
-	lap: 10885,
-	lat: 10923,
-	lcy: 1083,
-	leg: 8922,
-	leq: 8804,
-	les: 10877,
-	lfr: 120105,
-	lgE: 10897,
-	lnE: 8808,
-	lne: 10887,
-	loz: 9674,
-	lrm: 8206,
-	lsh: 8624,
-	map: 8614,
-	mcy: 1084,
-	mfr: 120106,
-	mho: 8487,
-	mid: 8739,
-	nap: 8777,
-	ncy: 1085,
-	nfr: 120107,
-	nge: 8817,
-	ngt: 8815,
-	nis: 8956,
-	niv: 8715,
-	nle: 8816,
-	nlt: 8814,
+	'gE;': 8807,
+	'ge;': 8805,
+	'gg;': 8811,
+	'gl;': 8823,
+	'gt;': 62,
+	'ic;': 8291,
+	'ii;': 8520,
+	'in;': 8712,
+	'it;': 8290,
+	'lE;': 8806,
+	'le;': 8804,
+	'lg;': 8822,
+	'll;': 8810,
+	'lt;': 60,
+	'mp;': 8723,
+	'mu;': 956,
+	'ne;': 8800,
+	'ni;': 8715,
 	not: 172,
-	npr: 8832,
-	nsc: 8833,
-	num: 35,
-	ocy: 1086,
-	ofr: 120108,
-	ogt: 10689,
-	ohm: 8486,
-	olt: 10688,
-	ord: 10845,
-	orv: 10843,
-	par: 8741,
-	pcy: 1087,
-	pfr: 120109,
-	phi: 966,
-	piv: 982,
-	prE: 10931,
-	pre: 10927,
-	psi: 968,
-	qfr: 120110,
-	rcy: 1088,
+	'nu;': 957,
+	'oS;': 9416,
+	'or;': 8744,
+	'pi;': 960,
+	'pm;': 177,
+	'pr;': 8826,
 	reg: 174,
-	rfr: 120111,
-	rho: 961,
-	rlm: 8207,
-	rsh: 8625,
-	scE: 10932,
-	sce: 10928,
-	scy: 1089,
-	sfr: 120112,
+	'rx;': 8478,
+	'sc;': 8827,
 	shy: 173,
-	sim: 8764,
-	smt: 10922,
-	sol: 47,
-	squ: 9633,
-	sub: 8834,
-	sum: 8721,
-	sup: 8835,
-	tau: 964,
-	tcy: 1090,
-	tfr: 120113,
-	top: 8868,
-	ucy: 1091,
-	ufr: 120114,
 	uml: 168,
-	vcy: 1074,
-	vee: 8744,
-	vfr: 120115,
-	wfr: 120116,
-	xfr: 120117,
-	ycy: 1099,
+	'wp;': 8472,
+	'wr;': 8768,
+	'xi;': 958,
 	yen: 165,
-	yfr: 120118,
-	zcy: 1079,
-	zfr: 120119,
-	zwj: 8205,
-	DD: 8517,
 	GT: 62,
-	Gg: 8921,
-	Gt: 8811,
-	Im: 8465,
 	LT: 60,
-	Ll: 8920,
-	Lt: 8810,
-	Mu: 924,
-	Nu: 925,
-	Or: 10836,
-	Pi: 928,
-	Pr: 10939,
-	Re: 8476,
-	Sc: 10940,
-	Xi: 926,
-	ac: 8766,
-	af: 8289,
-	ap: 8776,
-	dd: 8518,
-	ee: 8519,
-	eg: 10906,
-	el: 10905,
-	gE: 8807,
-	ge: 8805,
-	gg: 8811,
-	gl: 8823,
 	gt: 62,
-	ic: 8291,
-	ii: 8520,
-	in: 8712,
-	it: 8290,
-	lE: 8806,
-	le: 8804,
-	lg: 8822,
-	ll: 8810,
-	lt: 60,
-	mp: 8723,
-	mu: 956,
-	ne: 8800,
-	ni: 8715,
-	nu: 957,
-	oS: 9416,
-	or: 8744,
-	pi: 960,
-	pm: 177,
-	pr: 8826,
-	rx: 8478,
-	sc: 8827,
-	wp: 8472,
-	wr: 8768,
-	xi: 958
+	lt: 60
 };
diff --git a/src/compiler/parse/utils/html.ts b/src/compiler/parse/utils/html.ts
index 0148361929c..65797b7a09a 100644
--- a/src/compiler/parse/utils/html.ts
+++ b/src/compiler/parse/utils/html.ts
@@ -35,12 +35,32 @@ const windows_1252 = [
 	376
 ];
 
-const entity_pattern = new RegExp(
-	`&(#?(?:x[\\w\\d]+|\\d+|${Object.keys(entities).join('|')}))(?:;|\\b)`,
-	'g'
-);
+function reg_exp_entity(entity_name: string, is_attribute_value: boolean) {
+	// https://html.spec.whatwg.org/multipage/parsing.html#named-character-reference-state
+	// doesn't decode the html entity which not ends with ; and next character is =, number or alphabet in attribute value.
+	if (is_attribute_value && !entity_name.endsWith(';')) {
+		return `${entity_name}\\b(?!=)`;
+	}
+	return entity_name;
+}
+
+function get_entity_pattern(is_attribute_value: boolean) {
+	const reg_exp_num = '#(?:x[a-fA-F\\d]+|\\d+)(?:;)?';
+	const reg_exp_entities = Object.keys(entities).map(entity_name => reg_exp_entity(entity_name, is_attribute_value));
+
+	const entity_pattern = new RegExp(
+		`&(${reg_exp_num}|${reg_exp_entities.join('|')})`,
+		'g'
+	);
+
+	return entity_pattern;
+}
+
+const entity_pattern_content = get_entity_pattern(false);
+const entity_pattern_attr_value = get_entity_pattern(true);
 
-export function decode_character_references(html: string) {
+export function decode_character_references(html: string, is_attribute_value: boolean) {
+	const entity_pattern = is_attribute_value ? entity_pattern_attr_value : entity_pattern_content;
 	return html.replace(entity_pattern, (match, entity) => {
 		let code;
 
diff --git a/src/compiler/preprocess/decode_sourcemap.ts b/src/compiler/preprocess/decode_sourcemap.ts
index c7e13c28537..be4b70125fb 100644
--- a/src/compiler/preprocess/decode_sourcemap.ts
+++ b/src/compiler/preprocess/decode_sourcemap.ts
@@ -1,4 +1,4 @@
-import { decode as decode_mappings } from 'sourcemap-codec';
+import { decode as decode_mappings } from '@jridgewell/sourcemap-codec';
 import { Processed } from './types';
 
 /**
diff --git a/src/compiler/preprocess/index.ts b/src/compiler/preprocess/index.ts
index ab2ede29e03..45885afa96f 100644
--- a/src/compiler/preprocess/index.ts
+++ b/src/compiler/preprocess/index.ts
@@ -4,6 +4,7 @@ import { MappedCode, SourceLocation, parse_attached_sourcemap, sourcemap_add_off
 import { decode_map } from './decode_sourcemap';
 import { replace_in_code, slice_source } from './replace_in_code';
 import { MarkupPreprocessor, Source, Preprocessor, PreprocessorGroup, Processed } from './types';
+import { regex_whitespaces } from '../utils/patterns';
 
 export * from './types';
 
@@ -13,8 +14,10 @@ interface SourceUpdate {
 	dependencies?: string[];
 }
 
+const regex_filepath_separator = /[/\\]/;
+
 function get_file_basename(filename: string) {
-	return filename.split(/[/\\]/).pop();
+	return filename.split(regex_filepath_separator).pop();
 }
 
 /**
@@ -120,20 +123,26 @@ function processed_tag_to_code(
 	return tag_open_code.concat(content_code).concat(tag_close_code);
 }
 
+const regex_quoted_value = /^['"](.*)['"]$/;
+
 function parse_tag_attributes(str: string) {
 	// note: won't work with attribute values containing spaces.
 	return str
-		.split(/\s+/)
+		.split(regex_whitespaces)
 		.filter(Boolean)
 		.reduce((attrs, attr) => {
 			const i = attr.indexOf('=');
 			const [key, value] = i > 0 ? [attr.slice(0, i), attr.slice(i + 1)] : [attr];
-			const [, unquoted] = (value && value.match(/^['"](.*)['"]$/)) || [];
+			const [, unquoted] = (value && value.match(regex_quoted_value)) || [];
 
 			return { ...attrs, [key]: unquoted ?? value ?? true };
 		}, {});
 }
 
+
+const regex_style_tags = /<!--[^]*?-->|<style(\s[^]*?)?(?:>([^]*?)<\/style>|\/>)/gi;
+const regex_script_tags = /<!--[^]*?-->|<script(\s[^]*?)?(?:>([^]*?)<\/script>|\/>)/gi;
+
 /**
  * Calculate the updates required to process all instances of the specified tag.
  */
@@ -143,10 +152,7 @@ async function process_tag(
 	source: Source
 ): Promise<SourceUpdate> {
 	const { filename, source: markup } = source;
-	const tag_regex =
-		tag_name === 'style'
-			? /<!--[^]*?-->|<style(\s[^]*?)?(?:>([^]*?)<\/style>|\/>)/gi
-			: /<!--[^]*?-->|<script(\s[^]*?)?(?:>([^]*?)<\/script>|\/>)/gi;
+	const tag_regex = tag_name === 'style' ? regex_style_tags : regex_script_tags;
 
 	const dependencies: string[] = [];
 
@@ -190,7 +196,7 @@ async function process_markup(process: MarkupPreprocessor, source: Source) {
 			string: processed.code,
 			map: processed.map
 				? // TODO: can we use decode_sourcemap?
-				  typeof processed.map === 'string'
+				typeof processed.map === 'string'
 					? JSON.parse(processed.map)
 					: processed.map
 				: undefined,
diff --git a/src/compiler/preprocess/types.ts b/src/compiler/preprocess/types.ts
index b1e605238db..faef6c74ed5 100644
--- a/src/compiler/preprocess/types.ts
+++ b/src/compiler/preprocess/types.ts
@@ -40,3 +40,10 @@ export interface PreprocessorGroup {
 	style?: Preprocessor;
 	script?: Preprocessor;
 }
+
+export interface SveltePreprocessor<
+	PreprocessorType extends keyof PreprocessorGroup,
+	Options = any
+> {
+	(options?: Options): Required<Pick<PreprocessorGroup, PreprocessorType>>;
+}
diff --git a/src/compiler/utils/extract_svelte_ignore.ts b/src/compiler/utils/extract_svelte_ignore.ts
index 306ba872d69..d4a8369a163 100644
--- a/src/compiler/utils/extract_svelte_ignore.ts
+++ b/src/compiler/utils/extract_svelte_ignore.ts
@@ -1,11 +1,13 @@
 import { TemplateNode } from '../interfaces';
 import { flatten } from './flatten';
+import { regex_whitespace } from './patterns';
+import { INode } from '../compile/nodes/interfaces';
 
-const pattern = /^\s*svelte-ignore\s+([\s\S]+)\s*$/m;
+const regex_svelte_ignore = /^\s*svelte-ignore\s+([\s\S]+)\s*$/m;
 
 export function extract_svelte_ignore(text: string): string[] {
-	const match = pattern.exec(text);
-	return match ? match[1].split(/[^\S]/).map(x => x.trim()).filter(Boolean) : [];
+	const match = regex_svelte_ignore.exec(text);
+	return match ? match[1].split(regex_whitespace).map(x => x.trim()).filter(Boolean) : [];
 }
 
 export function extract_svelte_ignore_from_comments<Node extends { leadingComments?: Array<{value: string}> }>(node: Node): string[] {
@@ -32,3 +34,25 @@ export function extract_ignores_above_position(position: number, template_nodes:
 
 	return [];
 }
+
+export function extract_ignores_above_node(node: INode): string[] {
+  /**
+    * This utilizes the fact that node has a prev and a next attribute
+    * which means that it can find svelte-ignores along
+    * the nodes on the same level as itself who share the same parent. 
+    */
+  let cur_node = node.prev;
+  while (cur_node) {
+    if (cur_node.type !== 'Comment' && cur_node.type !== 'Text') {
+      return [];
+	  }
+
+	  if (cur_node.type === 'Comment' && cur_node.ignores.length) {
+      return cur_node.ignores;
+	  }
+
+    cur_node = cur_node.prev;
+  }
+
+  return [];
+}
diff --git a/src/compiler/utils/get_code_frame.ts b/src/compiler/utils/get_code_frame.ts
index 1097f5b3d2c..14ca44badb0 100644
--- a/src/compiler/utils/get_code_frame.ts
+++ b/src/compiler/utils/get_code_frame.ts
@@ -1,5 +1,7 @@
+const regex_tabs = /^\t+/;
+
 function tabs_to_spaces(str: string) {
-	return str.replace(/^\t+/, match => match.split('\t').join('  '));
+	return str.replace(regex_tabs, match => match.split('\t').join('  '));
 }
 
 export default function get_code_frame(
diff --git a/src/compiler/utils/globals.ts b/src/compiler/utils/globals.ts
new file mode 100644
index 00000000000..ee43af3b914
--- /dev/null
+++ b/src/compiler/utils/globals.ts
@@ -0,0 +1,840 @@
+/** ----------------------------------------------------------------------
+This file is automatically generated by `scripts/globals-extractor.mjs`.
+Generated At: 2022-09-03T15:22:37.415Z
+---------------------------------------------------------------------- */
+
+export default new Set([
+	'AbortController',
+	'AbortSignal',
+	'AbstractRange',
+	'ActiveXObject',
+	'AggregateError',
+	'AnalyserNode',
+	'Animation',
+	'AnimationEffect',
+	'AnimationEvent',
+	'AnimationPlaybackEvent',
+	'AnimationTimeline',
+	'Array',
+	'ArrayBuffer',
+	'Atomics',
+	'Attr',
+	'Audio',
+	'AudioBuffer',
+	'AudioBufferSourceNode',
+	'AudioContext',
+	'AudioDestinationNode',
+	'AudioListener',
+	'AudioNode',
+	'AudioParam',
+	'AudioParamMap',
+	'AudioProcessingEvent',
+	'AudioScheduledSourceNode',
+	'AudioWorklet',
+	'AudioWorkletNode',
+	'AuthenticatorAssertionResponse',
+	'AuthenticatorAttestationResponse',
+	'AuthenticatorResponse',
+	'BarProp',
+	'BaseAudioContext',
+	'BeforeUnloadEvent',
+	'BigInt',
+	'BigInt64Array',
+	'BigUint64Array',
+	'BiquadFilterNode',
+	'Blob',
+	'BlobEvent',
+	'Boolean',
+	'BroadcastChannel',
+	'ByteLengthQueuingStrategy',
+	'CDATASection',
+	'CSS',
+	'CSSAnimation',
+	'CSSConditionRule',
+	'CSSCounterStyleRule',
+	'CSSFontFaceRule',
+	'CSSGroupingRule',
+	'CSSImportRule',
+	'CSSKeyframeRule',
+	'CSSKeyframesRule',
+	'CSSMediaRule',
+	'CSSNamespaceRule',
+	'CSSPageRule',
+	'CSSRule',
+	'CSSRuleList',
+	'CSSStyleDeclaration',
+	'CSSStyleRule',
+	'CSSStyleSheet',
+	'CSSSupportsRule',
+	'CSSTransition',
+	'Cache',
+	'CacheStorage',
+	'CanvasCaptureMediaStreamTrack',
+	'CanvasGradient',
+	'CanvasPattern',
+	'CanvasRenderingContext2D',
+	'ChannelMergerNode',
+	'ChannelSplitterNode',
+	'CharacterData',
+	'ClientRect',
+	'Clipboard',
+	'ClipboardEvent',
+	'ClipboardItem',
+	'CloseEvent',
+	'Comment',
+	'CompositionEvent',
+	'ConstantSourceNode',
+	'ConvolverNode',
+	'CountQueuingStrategy',
+	'Credential',
+	'CredentialsContainer',
+	'Crypto',
+	'CryptoKey',
+	'CustomElementRegistry',
+	'CustomEvent',
+	'DOMException',
+	'DOMImplementation',
+	'DOMMatrix',
+	'DOMMatrixReadOnly',
+	'DOMParser',
+	'DOMPoint',
+	'DOMPointReadOnly',
+	'DOMQuad',
+	'DOMRect',
+	'DOMRectList',
+	'DOMRectReadOnly',
+	'DOMStringList',
+	'DOMStringMap',
+	'DOMTokenList',
+	'DataTransfer',
+	'DataTransferItem',
+	'DataTransferItemList',
+	'DataView',
+	'Date',
+	'DelayNode',
+	'DeviceMotionEvent',
+	'DeviceOrientationEvent',
+	'Document',
+	'DocumentFragment',
+	'DocumentTimeline',
+	'DocumentType',
+	'DragEvent',
+	'DynamicsCompressorNode',
+	'Element',
+	'ElementInternals',
+	'Enumerator',
+	'Error',
+	'ErrorEvent',
+	'EvalError',
+	'Event',
+	'EventCounts',
+	'EventSource',
+	'EventTarget',
+	'External',
+	'File',
+	'FileList',
+	'FileReader',
+	'FileSystem',
+	'FileSystemDirectoryEntry',
+	'FileSystemDirectoryHandle',
+	'FileSystemDirectoryReader',
+	'FileSystemEntry',
+	'FileSystemFileEntry',
+	'FileSystemFileHandle',
+	'FileSystemHandle',
+	'FinalizationRegistry',
+	'Float32Array',
+	'Float64Array',
+	'FocusEvent',
+	'FontFace',
+	'FontFaceSet',
+	'FontFaceSetLoadEvent',
+	'FormData',
+	'FormDataEvent',
+	'Function',
+	'GainNode',
+	'Gamepad',
+	'GamepadButton',
+	'GamepadEvent',
+	'GamepadHapticActuator',
+	'Geolocation',
+	'GeolocationCoordinates',
+	'GeolocationPosition',
+	'GeolocationPositionError',
+	'HTMLAllCollection',
+	'HTMLAnchorElement',
+	'HTMLAreaElement',
+	'HTMLAudioElement',
+	'HTMLBRElement',
+	'HTMLBaseElement',
+	'HTMLBodyElement',
+	'HTMLButtonElement',
+	'HTMLCanvasElement',
+	'HTMLCollection',
+	'HTMLDListElement',
+	'HTMLDataElement',
+	'HTMLDataListElement',
+	'HTMLDetailsElement',
+	'HTMLDialogElement',
+	'HTMLDirectoryElement',
+	'HTMLDivElement',
+	'HTMLDocument',
+	'HTMLElement',
+	'HTMLEmbedElement',
+	'HTMLFieldSetElement',
+	'HTMLFontElement',
+	'HTMLFormControlsCollection',
+	'HTMLFormElement',
+	'HTMLFrameElement',
+	'HTMLFrameSetElement',
+	'HTMLHRElement',
+	'HTMLHeadElement',
+	'HTMLHeadingElement',
+	'HTMLHtmlElement',
+	'HTMLIFrameElement',
+	'HTMLImageElement',
+	'HTMLInputElement',
+	'HTMLLIElement',
+	'HTMLLabelElement',
+	'HTMLLegendElement',
+	'HTMLLinkElement',
+	'HTMLMapElement',
+	'HTMLMarqueeElement',
+	'HTMLMediaElement',
+	'HTMLMenuElement',
+	'HTMLMetaElement',
+	'HTMLMeterElement',
+	'HTMLModElement',
+	'HTMLOListElement',
+	'HTMLObjectElement',
+	'HTMLOptGroupElement',
+	'HTMLOptionElement',
+	'HTMLOptionsCollection',
+	'HTMLOutputElement',
+	'HTMLParagraphElement',
+	'HTMLParamElement',
+	'HTMLPictureElement',
+	'HTMLPreElement',
+	'HTMLProgressElement',
+	'HTMLQuoteElement',
+	'HTMLScriptElement',
+	'HTMLSelectElement',
+	'HTMLSlotElement',
+	'HTMLSourceElement',
+	'HTMLSpanElement',
+	'HTMLStyleElement',
+	'HTMLTableCaptionElement',
+	'HTMLTableCellElement',
+	'HTMLTableColElement',
+	'HTMLTableElement',
+	'HTMLTableRowElement',
+	'HTMLTableSectionElement',
+	'HTMLTemplateElement',
+	'HTMLTextAreaElement',
+	'HTMLTimeElement',
+	'HTMLTitleElement',
+	'HTMLTrackElement',
+	'HTMLUListElement',
+	'HTMLUnknownElement',
+	'HTMLVideoElement',
+	'HashChangeEvent',
+	'Headers',
+	'History',
+	'IDBCursor',
+	'IDBCursorWithValue',
+	'IDBDatabase',
+	'IDBFactory',
+	'IDBIndex',
+	'IDBKeyRange',
+	'IDBObjectStore',
+	'IDBOpenDBRequest',
+	'IDBRequest',
+	'IDBTransaction',
+	'IDBVersionChangeEvent',
+	'IIRFilterNode',
+	'IdleDeadline',
+	'Image',
+	'ImageBitmap',
+	'ImageBitmapRenderingContext',
+	'ImageData',
+	'Infinity',
+	'InputDeviceInfo',
+	'InputEvent',
+	'Int16Array',
+	'Int32Array',
+	'Int8Array',
+	'InternalError',
+	'IntersectionObserver',
+	'IntersectionObserverEntry',
+	'Intl',
+	'JSON',
+	'KeyboardEvent',
+	'KeyframeEffect',
+	'Location',
+	'Lock',
+	'LockManager',
+	'Map',
+	'Math',
+	'MathMLElement',
+	'MediaCapabilities',
+	'MediaDeviceInfo',
+	'MediaDevices',
+	'MediaElementAudioSourceNode',
+	'MediaEncryptedEvent',
+	'MediaError',
+	'MediaKeyMessageEvent',
+	'MediaKeySession',
+	'MediaKeyStatusMap',
+	'MediaKeySystemAccess',
+	'MediaKeys',
+	'MediaList',
+	'MediaMetadata',
+	'MediaQueryList',
+	'MediaQueryListEvent',
+	'MediaRecorder',
+	'MediaRecorderErrorEvent',
+	'MediaSession',
+	'MediaSource',
+	'MediaStream',
+	'MediaStreamAudioDestinationNode',
+	'MediaStreamAudioSourceNode',
+	'MediaStreamTrack',
+	'MediaStreamTrackEvent',
+	'MessageChannel',
+	'MessageEvent',
+	'MessagePort',
+	'MimeType',
+	'MimeTypeArray',
+	'MouseEvent',
+	'MutationEvent',
+	'MutationObserver',
+	'MutationRecord',
+	'NaN',
+	'NamedNodeMap',
+	'NavigationPreloadManager',
+	'Navigator',
+	'NetworkInformation',
+	'Node',
+	'NodeFilter',
+	'NodeIterator',
+	'NodeList',
+	'Notification',
+	'Number',
+	'Object',
+	'OfflineAudioCompletionEvent',
+	'OfflineAudioContext',
+	'Option',
+	'OscillatorNode',
+	'OverconstrainedError',
+	'PageTransitionEvent',
+	'PannerNode',
+	'Path2D',
+	'PaymentAddress',
+	'PaymentMethodChangeEvent',
+	'PaymentRequest',
+	'PaymentRequestUpdateEvent',
+	'PaymentResponse',
+	'Performance',
+	'PerformanceEntry',
+	'PerformanceEventTiming',
+	'PerformanceMark',
+	'PerformanceMeasure',
+	'PerformanceNavigation',
+	'PerformanceNavigationTiming',
+	'PerformanceObserver',
+	'PerformanceObserverEntryList',
+	'PerformancePaintTiming',
+	'PerformanceResourceTiming',
+	'PerformanceServerTiming',
+	'PerformanceTiming',
+	'PeriodicWave',
+	'PermissionStatus',
+	'Permissions',
+	'PictureInPictureWindow',
+	'Plugin',
+	'PluginArray',
+	'PointerEvent',
+	'PopStateEvent',
+	'ProcessingInstruction',
+	'ProgressEvent',
+	'Promise',
+	'PromiseRejectionEvent',
+	'Proxy',
+	'PublicKeyCredential',
+	'PushManager',
+	'PushSubscription',
+	'PushSubscriptionOptions',
+	'RTCCertificate',
+	'RTCDTMFSender',
+	'RTCDTMFToneChangeEvent',
+	'RTCDataChannel',
+	'RTCDataChannelEvent',
+	'RTCDtlsTransport',
+	'RTCEncodedAudioFrame',
+	'RTCEncodedVideoFrame',
+	'RTCError',
+	'RTCErrorEvent',
+	'RTCIceCandidate',
+	'RTCIceTransport',
+	'RTCPeerConnection',
+	'RTCPeerConnectionIceErrorEvent',
+	'RTCPeerConnectionIceEvent',
+	'RTCRtpReceiver',
+	'RTCRtpSender',
+	'RTCRtpTransceiver',
+	'RTCSctpTransport',
+	'RTCSessionDescription',
+	'RTCStatsReport',
+	'RTCTrackEvent',
+	'RadioNodeList',
+	'Range',
+	'RangeError',
+	'ReadableByteStreamController',
+	'ReadableStream',
+	'ReadableStreamBYOBReader',
+	'ReadableStreamBYOBRequest',
+	'ReadableStreamDefaultController',
+	'ReadableStreamDefaultReader',
+	'ReferenceError',
+	'Reflect',
+	'RegExp',
+	'RemotePlayback',
+	'Request',
+	'ResizeObserver',
+	'ResizeObserverEntry',
+	'ResizeObserverSize',
+	'Response',
+	'SVGAElement',
+	'SVGAngle',
+	'SVGAnimateElement',
+	'SVGAnimateMotionElement',
+	'SVGAnimateTransformElement',
+	'SVGAnimatedAngle',
+	'SVGAnimatedBoolean',
+	'SVGAnimatedEnumeration',
+	'SVGAnimatedInteger',
+	'SVGAnimatedLength',
+	'SVGAnimatedLengthList',
+	'SVGAnimatedNumber',
+	'SVGAnimatedNumberList',
+	'SVGAnimatedPreserveAspectRatio',
+	'SVGAnimatedRect',
+	'SVGAnimatedString',
+	'SVGAnimatedTransformList',
+	'SVGAnimationElement',
+	'SVGCircleElement',
+	'SVGClipPathElement',
+	'SVGComponentTransferFunctionElement',
+	'SVGCursorElement',
+	'SVGDefsElement',
+	'SVGDescElement',
+	'SVGElement',
+	'SVGEllipseElement',
+	'SVGFEBlendElement',
+	'SVGFEColorMatrixElement',
+	'SVGFEComponentTransferElement',
+	'SVGFECompositeElement',
+	'SVGFEConvolveMatrixElement',
+	'SVGFEDiffuseLightingElement',
+	'SVGFEDisplacementMapElement',
+	'SVGFEDistantLightElement',
+	'SVGFEDropShadowElement',
+	'SVGFEFloodElement',
+	'SVGFEFuncAElement',
+	'SVGFEFuncBElement',
+	'SVGFEFuncGElement',
+	'SVGFEFuncRElement',
+	'SVGFEGaussianBlurElement',
+	'SVGFEImageElement',
+	'SVGFEMergeElement',
+	'SVGFEMergeNodeElement',
+	'SVGFEMorphologyElement',
+	'SVGFEOffsetElement',
+	'SVGFEPointLightElement',
+	'SVGFESpecularLightingElement',
+	'SVGFESpotLightElement',
+	'SVGFETileElement',
+	'SVGFETurbulenceElement',
+	'SVGFilterElement',
+	'SVGForeignObjectElement',
+	'SVGGElement',
+	'SVGGeometryElement',
+	'SVGGradientElement',
+	'SVGGraphicsElement',
+	'SVGImageElement',
+	'SVGLength',
+	'SVGLengthList',
+	'SVGLineElement',
+	'SVGLinearGradientElement',
+	'SVGMPathElement',
+	'SVGMarkerElement',
+	'SVGMaskElement',
+	'SVGMatrix',
+	'SVGMetadataElement',
+	'SVGNumber',
+	'SVGNumberList',
+	'SVGPathElement',
+	'SVGPatternElement',
+	'SVGPoint',
+	'SVGPointList',
+	'SVGPolygonElement',
+	'SVGPolylineElement',
+	'SVGPreserveAspectRatio',
+	'SVGRadialGradientElement',
+	'SVGRect',
+	'SVGRectElement',
+	'SVGSVGElement',
+	'SVGScriptElement',
+	'SVGSetElement',
+	'SVGStopElement',
+	'SVGStringList',
+	'SVGStyleElement',
+	'SVGSwitchElement',
+	'SVGSymbolElement',
+	'SVGTSpanElement',
+	'SVGTextContentElement',
+	'SVGTextElement',
+	'SVGTextPathElement',
+	'SVGTextPositioningElement',
+	'SVGTitleElement',
+	'SVGTransform',
+	'SVGTransformList',
+	'SVGUnitTypes',
+	'SVGUseElement',
+	'SVGViewElement',
+	'SafeArray',
+	'Screen',
+	'ScreenOrientation',
+	'ScriptProcessorNode',
+	'SecurityPolicyViolationEvent',
+	'Selection',
+	'ServiceWorker',
+	'ServiceWorkerContainer',
+	'ServiceWorkerRegistration',
+	'Set',
+	'ShadowRoot',
+	'SharedArrayBuffer',
+	'SharedWorker',
+	'SourceBuffer',
+	'SourceBufferList',
+	'SpeechRecognitionAlternative',
+	'SpeechRecognitionErrorEvent',
+	'SpeechRecognitionResult',
+	'SpeechRecognitionResultList',
+	'SpeechSynthesis',
+	'SpeechSynthesisErrorEvent',
+	'SpeechSynthesisEvent',
+	'SpeechSynthesisUtterance',
+	'SpeechSynthesisVoice',
+	'StaticRange',
+	'StereoPannerNode',
+	'Storage',
+	'StorageEvent',
+	'StorageManager',
+	'String',
+	'StyleMedia',
+	'StyleSheet',
+	'StyleSheetList',
+	'SubmitEvent',
+	'SubtleCrypto',
+	'Symbol',
+	'SyntaxError',
+	'Text',
+	'TextDecoder',
+	'TextDecoderStream',
+	'TextEncoder',
+	'TextEncoderStream',
+	'TextMetrics',
+	'TextTrack',
+	'TextTrackCue',
+	'TextTrackCueList',
+	'TextTrackList',
+	'TimeRanges',
+	'Touch',
+	'TouchEvent',
+	'TouchList',
+	'TrackEvent',
+	'TransformStream',
+	'TransformStreamDefaultController',
+	'TransitionEvent',
+	'TreeWalker',
+	'TypeError',
+	'UIEvent',
+	'URIError',
+	'URL',
+	'URLSearchParams',
+	'Uint16Array',
+	'Uint32Array',
+	'Uint8Array',
+	'Uint8ClampedArray',
+	'VBArray',
+	'VTTCue',
+	'VTTRegion',
+	'ValidityState',
+	'VarDate',
+	'VideoColorSpace',
+	'VideoPlaybackQuality',
+	'VisualViewport',
+	'WSH',
+	'WScript',
+	'WaveShaperNode',
+	'WeakMap',
+	'WeakRef',
+	'WeakSet',
+	'WebAssembly',
+	'WebGL2RenderingContext',
+	'WebGLActiveInfo',
+	'WebGLBuffer',
+	'WebGLContextEvent',
+	'WebGLFramebuffer',
+	'WebGLProgram',
+	'WebGLQuery',
+	'WebGLRenderbuffer',
+	'WebGLRenderingContext',
+	'WebGLSampler',
+	'WebGLShader',
+	'WebGLShaderPrecisionFormat',
+	'WebGLSync',
+	'WebGLTexture',
+	'WebGLTransformFeedback',
+	'WebGLUniformLocation',
+	'WebGLVertexArrayObject',
+	'WebKitCSSMatrix',
+	'WebSocket',
+	'WheelEvent',
+	'Window',
+	'Worker',
+	'Worklet',
+	'WritableStream',
+	'WritableStreamDefaultController',
+	'WritableStreamDefaultWriter',
+	'XMLDocument',
+	'XMLHttpRequest',
+	'XMLHttpRequestEventTarget',
+	'XMLHttpRequestUpload',
+	'XMLSerializer',
+	'XPathEvaluator',
+	'XPathExpression',
+	'XPathResult',
+	'XSLTProcessor',
+	'addEventListener',
+	'alert',
+	'atob',
+	'blur',
+	'btoa',
+	'caches',
+	'cancelAnimationFrame',
+	'cancelIdleCallback',
+	'captureEvents',
+	'clearInterval',
+	'clearTimeout',
+	'clientInformation',
+	'close',
+	'closed',
+	'confirm',
+	'console',
+	'createImageBitmap',
+	'crossOriginIsolated',
+	'crypto',
+	'customElements',
+	'decodeURI',
+	'decodeURIComponent',
+	'devicePixelRatio',
+	'dispatchEvent',
+	'document',
+	'encodeURI',
+	'encodeURIComponent',
+	'escape',
+	'eval',
+	'event',
+	'external',
+	'fetch',
+	'focus',
+	'frameElement',
+	'frames',
+	'getComputedStyle',
+	'getSelection',
+	'global',
+	'globalThis',
+	'history',
+	'importScripts',
+	'indexedDB',
+	'innerHeight',
+	'innerWidth',
+	'isFinite',
+	'isNaN',
+	'isSecureContext',
+	'length',
+	'localStorage',
+	'location',
+	'locationbar',
+	'matchMedia',
+	'menubar',
+	'moveBy',
+	'moveTo',
+	'name',
+	'navigator',
+	'onabort',
+	'onafterprint',
+	'onanimationcancel',
+	'onanimationend',
+	'onanimationiteration',
+	'onanimationstart',
+	'onauxclick',
+	'onbeforeprint',
+	'onbeforeunload',
+	'onblur',
+	'oncanplay',
+	'oncanplaythrough',
+	'onchange',
+	'onclick',
+	'onclose',
+	'oncontextmenu',
+	'oncuechange',
+	'ondblclick',
+	'ondevicemotion',
+	'ondeviceorientation',
+	'ondrag',
+	'ondragend',
+	'ondragenter',
+	'ondragleave',
+	'ondragover',
+	'ondragstart',
+	'ondrop',
+	'ondurationchange',
+	'onemptied',
+	'onended',
+	'onerror',
+	'onfocus',
+	'onformdata',
+	'ongamepadconnected',
+	'ongamepaddisconnected',
+	'ongotpointercapture',
+	'onhashchange',
+	'oninput',
+	'oninvalid',
+	'onkeydown',
+	'onkeypress',
+	'onkeyup',
+	'onlanguagechange',
+	'onload',
+	'onloadeddata',
+	'onloadedmetadata',
+	'onloadstart',
+	'onlostpointercapture',
+	'onmessage',
+	'onmessageerror',
+	'onmousedown',
+	'onmouseenter',
+	'onmouseleave',
+	'onmousemove',
+	'onmouseout',
+	'onmouseover',
+	'onmouseup',
+	'onoffline',
+	'ononline',
+	'onorientationchange',
+	'onpagehide',
+	'onpageshow',
+	'onpause',
+	'onplay',
+	'onplaying',
+	'onpointercancel',
+	'onpointerdown',
+	'onpointerenter',
+	'onpointerleave',
+	'onpointermove',
+	'onpointerout',
+	'onpointerover',
+	'onpointerup',
+	'onpopstate',
+	'onprogress',
+	'onratechange',
+	'onrejectionhandled',
+	'onreset',
+	'onresize',
+	'onscroll',
+	'onsecuritypolicyviolation',
+	'onseeked',
+	'onseeking',
+	'onselect',
+	'onselectionchange',
+	'onselectstart',
+	'onslotchange',
+	'onstalled',
+	'onstorage',
+	'onsubmit',
+	'onsuspend',
+	'ontimeupdate',
+	'ontoggle',
+	'ontouchcancel',
+	'ontouchend',
+	'ontouchmove',
+	'ontouchstart',
+	'ontransitioncancel',
+	'ontransitionend',
+	'ontransitionrun',
+	'ontransitionstart',
+	'onunhandledrejection',
+	'onunload',
+	'onvolumechange',
+	'onwaiting',
+	'onwebkitanimationend',
+	'onwebkitanimationiteration',
+	'onwebkitanimationstart',
+	'onwebkittransitionend',
+	'onwheel',
+	'open',
+	'opener',
+	'orientation',
+	'origin',
+	'outerHeight',
+	'outerWidth',
+	'pageXOffset',
+	'pageYOffset',
+	'parent',
+	'parseFloat',
+	'parseInt',
+	'performance',
+	'personalbar',
+	'postMessage',
+	'print',
+	'process',
+	'prompt',
+	'queueMicrotask',
+	'releaseEvents',
+	'removeEventListener',
+	'reportError',
+	'requestAnimationFrame',
+	'requestIdleCallback',
+	'resizeBy',
+	'resizeTo',
+	'screen',
+	'screenLeft',
+	'screenTop',
+	'screenX',
+	'screenY',
+	'scroll',
+	'scrollBy',
+	'scrollTo',
+	'scrollX',
+	'scrollY',
+	'scrollbars',
+	'self',
+	'sessionStorage',
+	'setInterval',
+	'setTimeout',
+	'speechSynthesis',
+	'status',
+	'statusbar',
+	'stop',
+	'structuredClone',
+	'toString',
+	'toolbar',
+	'top',
+	'undefined',
+	'unescape',
+	'visualViewport',
+	'webkitURL',
+	'window'
+]);
diff --git a/src/compiler/utils/mapped_code.ts b/src/compiler/utils/mapped_code.ts
index 04fa05be9ad..bf7b016fc54 100644
--- a/src/compiler/utils/mapped_code.ts
+++ b/src/compiler/utils/mapped_code.ts
@@ -61,6 +61,8 @@ function merge_tables<T>(this_table: T[], other_table: T[]): [T[], number[], boo
 	return [new_table, idx_map, val_changed, idx_changed];
 }
 
+const regex_line_token = /([^\d\w\s]|\s+)/g;
+
 export class MappedCode {
 	string: string;
 	map: DecodedSourceMap;
@@ -195,7 +197,7 @@ export class MappedCode {
 		const line_list = source.split('\n');
 		for (let line = 0; line < line_list.length; line++) {
 			map.mappings.push([]);
-			const token_list = line_list[line].split(/([^\d\w\s]|\s+)/g);
+			const token_list = line_list[line].split(regex_line_token);
 			for (let token = 0, column = 0; token < token_list.length; token++) {
 				if (token_list[token] == '') continue;
 				map.mappings[line].push([column, 0, offset.line + line, column]);
@@ -245,7 +247,7 @@ export function combine_sourcemaps(
 	if (!map.file) delete map.file; // skip optional field `file`
 
 	// When source maps are combined and the leading map is empty, sources is not set.
-	// Add the filename to the empty array in this case. 
+	// Add the filename to the empty array in this case.
 	// Further improvements to remapping may help address this as well https://github.com/ampproject/remapping/issues/116
 	if (!map.sources.length) map.sources = [filename];
 
@@ -289,6 +291,8 @@ export function apply_preprocessor_sourcemap(filename: string, svelte_map: Sourc
 	return result_map as SourceMap;
 }
 
+const regex_data_uri = /data:(?:application|text)\/json;(?:charset[:=]\S+?;)?base64,(\S*)/;
+
 // parse attached sourcemap in processed.code
 export function parse_attached_sourcemap(processed: Processed, tag_name: 'script' | 'style'): void {
 	const r_in = '[#@]\\s*sourceMappingURL\\s*=\\s*(\\S*)';
@@ -302,7 +306,7 @@ export function parse_attached_sourcemap(processed: Processed, tag_name: 'script
 	}
 	processed.code = processed.code.replace(regex, (_, match1, match2) => {
 		const map_url = (tag_name == 'script') ? (match1 || match2) : match1;
-		const map_data = (map_url.match(/data:(?:application|text)\/json;(?:charset[:=]\S+?;)?base64,(\S*)/) || [])[1];
+		const map_data = (map_url.match(regex_data_uri) || [])[1];
 		if (map_data) {
 			// sourceMappingURL is data URL
 			if (processed.map) {
diff --git a/src/compiler/utils/names.ts b/src/compiler/utils/names.ts
index e091edb19eb..303c6297b05 100644
--- a/src/compiler/utils/names.ts
+++ b/src/compiler/utils/names.ts
@@ -1,70 +1,6 @@
 import { isIdentifierStart, isIdentifierChar } from 'acorn';
 import full_char_code_at from './full_char_code_at';
-
-export const globals = new Set([
-	'alert',
-	'Array',
-	'BigInt',
-	'Boolean',
-	'clearInterval',
-	'clearTimeout',
-	'confirm',
-	'console',
-	'Date',
-	'decodeURI',
-	'decodeURIComponent',
-	'document',
-	'Element',
-	'encodeURI',
-	'encodeURIComponent',
-	'Error',
-	'EvalError',
-	'Event',
-	'EventSource',
-	'fetch',
-	'FormData',
-	'global',
-	'globalThis',
-	'history',
-	'HTMLElement',
-	'Infinity',
-	'InternalError',
-	'Intl',
-	'isFinite',
-	'isNaN',
-	'JSON',
-	'localStorage',
-	'location',
-	'Map',
-	'Math',
-	'NaN',
-	'navigator',
-	'Node',
-	'Number',
-	'Object',
-	'parseFloat',
-	'parseInt',
-	'process',
-	'Promise',
-	'prompt',
-	'RangeError',
-	'ReferenceError',
-	'RegExp',
-	'sessionStorage',
-	'Set',
-	'setInterval',
-	'setTimeout',
-	'String',
-	'SVGElement',
-	'Symbol',
-	'SyntaxError',
-	'TypeError',
-	'undefined',
-	'URIError',
-	'URL',
-	'URLSearchParams',
-	'window'
-]);
+import { regex_starts_with_underscore, regex_ends_with_underscore } from './patterns';
 
 export const reserved = new Set([
 	'arguments',
@@ -130,10 +66,13 @@ export function is_valid(str: string): boolean {
 	return true;
 }
 
+const regex_non_standard_characters = /[^a-zA-Z0-9_]+/g;
+const regex_starts_with_number = /^[0-9]/;
+
 export function sanitize(name: string) {
 	return name
-		.replace(/[^a-zA-Z0-9_]+/g, '_')
-		.replace(/^_/, '')
-		.replace(/_$/, '')
-		.replace(/^[0-9]/, '_$&');
+		.replace(regex_non_standard_characters, '_')
+		.replace(regex_starts_with_underscore, '')
+		.replace(regex_ends_with_underscore, '')
+		.replace(regex_starts_with_number, '_$&');
 }
diff --git a/src/compiler/utils/namespaces.ts b/src/compiler/utils/namespaces.ts
index 7da64afc8c6..d51b303fe1d 100644
--- a/src/compiler/utils/namespaces.ts
+++ b/src/compiler/utils/namespaces.ts
@@ -25,4 +25,4 @@ export const valid_namespaces = [
 	xmlns
 ];
 
-export const namespaces: Record<string, string> = { foreign, html, mathml, svg, xlink, xml, xmlns };
+export const namespaces = { foreign, html, mathml, svg, xlink, xml, xmlns } as const;
diff --git a/src/compiler/utils/patterns.ts b/src/compiler/utils/patterns.ts
index 071abd791f1..9429d47227e 100644
--- a/src/compiler/utils/patterns.ts
+++ b/src/compiler/utils/patterns.ts
@@ -1,6 +1,24 @@
-export const whitespace = /[ \t\r\n]/;
-export const start_whitespace = /^[ \t\r\n]*/;
-export const end_whitespace = /[ \t\r\n]*$/;
-export const start_newline = /^\r?\n/;
+export const regex_whitespace = /\s/;
+export const regex_whitespaces = /\s+/;
+export const regex_starts_with_whitespace = /^\s/;
+export const regex_starts_with_whitespaces = /^[ \t\r\n]*/;
+export const regex_ends_with_whitespace = /\s$/;
+export const regex_ends_with_whitespaces = /[ \t\r\n]*$/;
+export const regex_only_whitespaces = /^\s+$/;
 
-export const dimensions = /^(?:offset|client)(?:Width|Height)$/;
+export const regex_whitespace_characters = /\s/g;
+export const regex_non_whitespace_character = /\S/;
+
+export const regex_starts_with_newline = /^\r?\n/;
+export const regex_not_newline_characters = /[^\n]/g;
+
+export const regex_double_quotes = /"/g;
+
+export const regex_backslashes = /\\/g;
+
+export const regex_starts_with_underscore = /^_/;
+export const regex_ends_with_underscore = /_$/;
+
+export const regex_invalid_variable_identifier_characters = /[^a-zA-Z0-9_$]/g;
+
+export const regex_dimensions = /^(?:offset|client)(?:Width|Height)$/;
diff --git a/src/compiler/utils/trim.ts b/src/compiler/utils/trim.ts
index 05af79cc90b..919a423d7f3 100644
--- a/src/compiler/utils/trim.ts
+++ b/src/compiler/utils/trim.ts
@@ -1,9 +1,9 @@
-import { start_whitespace, end_whitespace } from './patterns';
+import { regex_starts_with_whitespaces, regex_ends_with_whitespaces } from './patterns';
 
 export function trim_start(str: string) {
-	return str.replace(start_whitespace, '');
+	return str.replace(regex_starts_with_whitespaces, '');
 }
 
 export function trim_end(str: string) {
-	return str.replace(end_whitespace, '');
+	return str.replace(regex_ends_with_whitespaces, '');
 }
diff --git a/src/runtime/action/index.ts b/src/runtime/action/index.ts
index d7cbf04b129..388f6f040e2 100644
--- a/src/runtime/action/index.ts
+++ b/src/runtime/action/index.ts
@@ -4,9 +4,17 @@
  *   immediately after Svelte has applied updates to the markup.
  * - destroy: Method that is called after the element is unmounted
  *
+ * Additionally, you can specify which additional attributes and events the action enables on the applied element.
+ * This applies to TypeScript typings only and has no effect at runtime.
+ *
  * Example usage:
  * ```ts
- * export function myAction(node: HTMLElement, parameter: Parameter): ActionReturn<Parameter> {
+ * interface Attributes {
+ * 	newprop?: string;
+ *	'on:event': (e: CustomEvent<boolean>) => void;
+ * }
+ *
+ * export function myAction(node: HTMLElement, parameter: Parameter): ActionReturn<Parameter, Attributes> {
  *   // ...
  *   return {
  *     update: (updatedParameter) => {...},
@@ -17,9 +25,15 @@
  *
  * Docs: https://svelte.dev/docs#template-syntax-element-directives-use-action
  */
-export interface ActionReturn<Parameter = any> {
+export interface ActionReturn<Parameter = any, Attributes extends Record<string, any> = Record<never, any>> {
 	update?: (parameter: Parameter) => void;
 	destroy?: () => void;
+	/**
+	 * ### DO NOT USE THIS
+	 * This exists solely for type-checking and has no effect at runtime.
+	 * Set this through the `Attributes` generic instead.
+	 */
+	$$_attributes?: Attributes;
 }
 
 /**
@@ -32,11 +46,11 @@ export interface ActionReturn<Parameter = any> {
  *   // ...
  * }
  * ```
- * You can return an object with methods `update` and `destroy` from the function.
+ * You can return an object with methods `update` and `destroy` from the function and type which additional attributes and events it has.
  * See interface `ActionReturn` for more details.
  *
  * Docs: https://svelte.dev/docs#template-syntax-element-directives-use-action
  */
-export interface Action<Element = HTMLElement, Parameter = any> {
-	<Node extends Element>(node: Node, parameter?: Parameter): void | ActionReturn<Parameter>;
+export interface Action<Element = HTMLElement, Parameter = any, Attributes extends Record<string, any> = Record<never, any>> {
+	<Node extends Element>(node: Node, parameter?: Parameter): void | ActionReturn<Parameter, Attributes>;
 }
diff --git a/src/runtime/index.ts b/src/runtime/index.ts
index 8e12f9f0eeb..2029f67a046 100644
--- a/src/runtime/index.ts
+++ b/src/runtime/index.ts
@@ -13,4 +13,5 @@ export {
 	createEventDispatcher,
 	SvelteComponentDev as SvelteComponent,
 	SvelteComponentTyped
+	// additional exports added through generate-type-definitions.js
 } from 'svelte/internal';
diff --git a/src/runtime/internal/Component.ts b/src/runtime/internal/Component.ts
index 3e480105475..a8a500b25b0 100644
--- a/src/runtime/internal/Component.ts
+++ b/src/runtime/internal/Component.ts
@@ -1,45 +1,9 @@
-import { add_render_callback, flush, schedule_update, dirty_components } from './scheduler';
+import { add_render_callback, flush, flush_render_callbacks, schedule_update, dirty_components } from './scheduler';
 import { current_component, set_current_component } from './lifecycle';
 import { blank_object, is_empty, is_function, run, run_all, noop } from './utils';
 import { children, detach, start_hydrating, end_hydrating } from './dom';
 import { transition_in } from './transitions';
-
-/**
- * INTERNAL, DO NOT USE. Code may change at any time.
- */
-export interface Fragment {
-	key: string | null;
-	first: null;
-	/* create  */ c: () => void;
-	/* claim   */ l: (nodes: any) => void;
-	/* hydrate */ h: () => void;
-	/* mount   */ m: (target: HTMLElement, anchor: any) => void;
-	/* update  */ p: (ctx: any, dirty: any) => void;
-	/* measure */ r: () => void;
-	/* fix     */ f: () => void;
-	/* animate */ a: () => void;
-	/* intro   */ i: (local: any) => void;
-	/* outro   */ o: (local: any) => void;
-	/* destroy */ d: (detaching: 0 | 1) => void;
-}
-interface T$$ {
-	dirty: number[];
-	ctx: null | any;
-	bound: any;
-	update: () => void;
-	callbacks: any;
-	after_update: any[];
-	props: Record<string, 0 | string>;
-	fragment: null | false | Fragment;
-	not_equal: any;
-	before_update: any[];
-	context: Map<any, any>;
-	on_mount: any[];
-	on_destroy: any[];
-	skip_bound: boolean;
-	on_disconnect: any[];
-	root:Element | ShadowRoot
-}
+import { T$$ } from './types';
 
 export function bind(component, name, callback) {
 	const index = component.$$.props[name];
@@ -58,7 +22,7 @@ export function claim_component(block, parent_nodes) {
 }
 
 export function mount_component(component, target, anchor, customElement) {
-	const { fragment, on_mount, on_destroy, after_update } = component.$$;
+	const { fragment, after_update } = component.$$;
 
 	fragment && fragment.m(target, anchor);
 
@@ -66,9 +30,12 @@ export function mount_component(component, target, anchor, customElement) {
 		// onMount happens before the initial afterUpdate
 		add_render_callback(() => {
 
-			const new_on_destroy = on_mount.map(run).filter(is_function);
-			if (on_destroy) {
-				on_destroy.push(...new_on_destroy);
+			const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
+			// if the component was destroyed immediately
+			// it will update the `$$.on_destroy` reference to `null`.
+			// the destructured on_destroy may still reference to the old array
+			if (component.$$.on_destroy) {
+				component.$$.on_destroy.push(...new_on_destroy);
 			} else {
 				// Edge case - component was destroyed immediately,
 				// most likely as a result of a binding initialising
@@ -84,6 +51,8 @@ export function mount_component(component, target, anchor, customElement) {
 export function destroy_component(component, detaching) {
 	const $$ = component.$$;
 	if ($$.fragment !== null) {
+		flush_render_callbacks($$.after_update);
+
 		run_all($$.on_destroy);
 
 		$$.fragment && $$.fragment.d(detaching);
@@ -110,7 +79,7 @@ export function init(component, options, instance, create_fragment, not_equal, p
 
 	const $$: T$$ = component.$$ = {
 		fragment: null,
-		ctx: null,
+		ctx: [],
 
 		// state
 		props,
@@ -212,6 +181,9 @@ if (typeof HTMLElement === 'function') {
 
 		$on(type, callback) {
 			// TODO should this delegate to addEventListener?
+			if (!is_function(callback)) {
+				return noop;
+			}
 			const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
 			callbacks.push(callback);
 
@@ -244,6 +216,9 @@ export class SvelteComponent {
 	}
 
 	$on(type, callback) {
+		if (!is_function(callback)) {
+			return noop;
+		}
 		const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
 		callbacks.push(callback);
 
diff --git a/src/runtime/internal/await_block.ts b/src/runtime/internal/await_block.ts
index ea6e8a187f9..1e09ada6cf2 100644
--- a/src/runtime/internal/await_block.ts
+++ b/src/runtime/internal/await_block.ts
@@ -2,11 +2,36 @@ import { is_promise } from './utils';
 import { check_outros, group_outros, transition_in, transition_out } from './transitions';
 import { flush } from './scheduler';
 import { get_current_component, set_current_component } from './lifecycle';
+import { Fragment, FragmentFactory } from './types';
+
+interface PromiseInfo<T> {
+	ctx: null | any;
+	// unique object instance as a key to compare different promises
+	token: {},
+	hasCatch: boolean,
+	pending: FragmentFactory,
+	then: FragmentFactory,
+	catch: FragmentFactory,
+	// ctx index for resolved value and rejected error
+	value: number,
+	error: number,
+	// resolved value or rejected error
+	resolved?: T,
+	// the current factory function for creating the fragment
+	current: FragmentFactory | null,
+	// the current fragment
+	block: Fragment | null,
+	// tuple of the pending, then, catch fragment
+	blocks: [null | Fragment, null | Fragment, null | Fragment];
+	// DOM elements to mount and anchor on for the {#await} block
+	mount: () => HTMLElement;
+	anchor: HTMLElement;
+}
 
-export function handle_promise(promise, info) {
+export function handle_promise<T>(promise: Promise<T>, info: PromiseInfo<T>) {
 	const token = info.token = {};
 
-	function update(type, index, key?, value?) {
+	function update(type: FragmentFactory, index: 0 | 1 | 2, key?: number, value?) {
 		if (info.token !== token) return;
 
 		info.resolved = value;
diff --git a/src/runtime/internal/dev.ts b/src/runtime/internal/dev.ts
index 3144911672e..be81a115147 100644
--- a/src/runtime/internal/dev.ts
+++ b/src/runtime/internal/dev.ts
@@ -49,10 +49,11 @@ export function detach_after_dev(before: Node) {
 	}
 }
 
-export function listen_dev(node: Node, event: string, handler: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | EventListenerOptions, has_prevent_default?: boolean, has_stop_propagation?: boolean) {
+export function listen_dev(node: Node, event: string, handler: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | EventListenerOptions, has_prevent_default?: boolean, has_stop_propagation?: boolean, has_stop_immediate_propagation?: boolean) {
 	const modifiers = options === true ? [ 'capture' ] : options ? Array.from(Object.keys(options)) : [];
 	if (has_prevent_default) modifiers.push('preventDefault');
 	if (has_stop_propagation) modifiers.push('stopPropagation');
+	if (has_stop_immediate_propagation) modifiers.push('stopImmediatePropagation');
 
 	dispatch_dev('SvelteDOMAddEventListener', { node, event, handler, modifiers });
 
@@ -117,18 +118,38 @@ export function validate_dynamic_element(tag: unknown) {
 
 export function validate_void_dynamic_element(tag: undefined | string) {
 	if (tag && is_void(tag)) {
-		throw new Error(`<svelte:element this="${tag}"> is self-closing and cannot have content.`);
+		console.warn(
+			`<svelte:element this="${tag}"> is self-closing and cannot have content.`
+		);
+	}
+}
+
+export function construct_svelte_component_dev(component, props) {
+	const error_message = 'this={...} of <svelte:component> should specify a Svelte component.';
+	try {
+		const instance = new component(props);
+		if (!instance.$$ || !instance.$set || !instance.$on || !instance.$destroy) {
+			throw new Error(error_message);
+		}
+		return instance;
+	} catch (err) {
+		const { message } = err;
+		if (typeof message === 'string' && message.indexOf('is not a constructor') !== -1) {
+			throw new Error(error_message);
+		} else {
+			throw err;
+		}
 	}
 }
 
 type Props = Record<string, any>;
 export interface SvelteComponentDev {
 	$set(props?: Props): void;
-	$on(event: string, callback: (event: any) => void): () => void;
+	$on(event: string, callback: ((event: any) => void) | null | undefined): () => void;
 	$destroy(): void;
 	[accessor: string]: any;
 }
-interface IComponentOptions<Props extends Record<string, any> = Record<string, any>> {
+export interface ComponentConstructorOptions<Props extends Record<string, any> = Record<string, any>> {
 	target: Element | ShadowRoot;
 	anchor?: Element;
 	props?: Props;
@@ -164,7 +185,7 @@ export class SvelteComponentDev extends SvelteComponent {
 	 */
 	$$slot_def: any;
 
-	constructor(options: IComponentOptions) {
+	constructor(options: ComponentConstructorOptions) {
 		if (!options || (!options.target && !options.$$inline)) {
 			throw new Error("'target' is a required option");
 		}
@@ -194,7 +215,7 @@ export interface SvelteComponentTyped<
 	Slots extends Record<string, any> = any // eslint-disable-line @typescript-eslint/no-unused-vars
 > {
 	$set(props?: Partial<Props>): void;
-	$on<K extends Extract<keyof Events, string>>(type: K, callback: (e: Events[K]) => void): () => void;
+	$on<K extends Extract<keyof Events, string>>(type: K, callback: ((e: Events[K]) => void) | null | undefined): () => void;
 	$destroy(): void;
 	[accessor: string]: any;
 }
@@ -256,11 +277,69 @@ export class SvelteComponentTyped<
 	 */
 	$$slot_def: Slots;
 
-	constructor(options: IComponentOptions<Props>) {
+	constructor(options: ComponentConstructorOptions<Props>) {
 		super(options);
 	}
 }
 
+/**
+ * Convenience type to get the type of a Svelte component. Useful for example in combination with
+ * dynamic components using `<svelte:component>`.
+ *
+ * Example:
+ * ```html
+ * <script lang="ts">
+ * 	import type { ComponentType, SvelteComponentTyped } from 'svelte';
+ * 	import Component1 from './Component1.svelte';
+ * 	import Component2 from './Component2.svelte';
+ *
+ * 	const component: ComponentType = someLogic() ? Component1 : Component2;
+ * 	const componentOfCertainSubType: ComponentType<SvelteComponentTyped<{ needsThisProp: string }>> = someLogic() ? Component1 : Component2;
+ * </script>
+ *
+ * <svelte:component this={component} />
+ * <svelte:component this={componentOfCertainSubType} needsThisProp="hello" />
+ * ```
+ */
+export type ComponentType<Component extends SvelteComponentTyped = SvelteComponentTyped> = new (
+	options: ComponentConstructorOptions<
+		Component extends SvelteComponentTyped<infer Props> ? Props : Record<string, any>
+	>
+) => Component;
+
+/**
+ * Convenience type to get the props the given component expects. Example:
+ * ```html
+ * <script lang="ts">
+ * 	import type { ComponentProps } from 'svelte';
+ * 	import Component from './Component.svelte';
+ *
+ * 	const props: ComponentProps<Component> = { foo: 'bar' }; // Errors if these aren't the correct props
+ * </script>
+ * ```
+ */
+export type ComponentProps<Component extends SvelteComponent> = Component extends SvelteComponentTyped<infer Props>
+	? Props
+	: never;
+
+/**
+ * Convenience type to get the events the given component expects. Example:
+ * ```html
+ * <script lang="ts">
+ *    import type { ComponentEvents } from 'svelte';
+ *    import Component from './Component.svelte';
+ *
+ *    function handleCloseEvent(event: ComponentEvents<Component>['close']) {
+ *       console.log(event.detail);
+ *    }
+ * </script>
+ *
+ * <Component on:close={handleCloseEvent} />
+ * ```
+ */
+export type ComponentEvents<Component extends SvelteComponent> =
+	Component extends SvelteComponentTyped<any, infer Events> ? Events : never;
+
 export function loop_guard(timeout) {
 	const start = Date.now();
 	return () => {
diff --git a/src/runtime/internal/dom.ts b/src/runtime/internal/dom.ts
index cadc1abbaaf..99894d3d886 100644
--- a/src/runtime/internal/dom.ts
+++ b/src/runtime/internal/dom.ts
@@ -13,7 +13,7 @@ export function end_hydrating() {
 
 type NodeEx = Node & {
 	claim_order?: number,
-	hydrate_init? : true,
+	hydrate_init?: true,
 	actual_end_child?: NodeEx,
 	childNodes: NodeListOf<NodeEx>,
 };
@@ -35,7 +35,7 @@ function init_hydrate(target: NodeEx) {
 	if (target.hydrate_init) return;
 	target.hydrate_init = true;
 
-	type NodeEx2 = NodeEx & {claim_order: number};
+	type NodeEx2 = NodeEx & { claim_order: number };
 
 	// We know that all children have claim_order values since the unclaimed have been detached if target is not <head>
 	let children: ArrayLike<NodeEx2> = target.childNodes as NodeListOf<NodeEx2>;
@@ -56,7 +56,7 @@ function init_hydrate(target: NodeEx) {
 	* Reorder claimed children optimally.
 	* We can reorder claimed children optimally by finding the longest subsequence of
 	* nodes that are already claimed in order and only moving the rest. The longest
-	* subsequence subsequence of nodes that are claimed in order can be found by
+	* subsequence of nodes that are claimed in order can be found by
 	* computing the longest increasing subsequence of .claim_order values.
 	*
 	* This algorithm is optimal in generating the least amount of reorder operations
@@ -162,13 +162,14 @@ export function append_empty_stylesheet(node: Node) {
 
 function append_stylesheet(node: ShadowRoot | Document, style: HTMLStyleElement) {
 	append((node as Document).head || node, style);
+	return style.sheet as CSSStyleSheet;
 }
 
 export function append_hydration(target: NodeEx, node: NodeEx) {
 	if (is_hydrating) {
 		init_hydrate(target);
 
-		if ((target.actual_end_child === undefined) || ((target.actual_end_child !== null) && (target.actual_end_child.parentElement !== target))) {
+		if ((target.actual_end_child === undefined) || ((target.actual_end_child !== null) && (target.actual_end_child.parentNode !== target))) {
 			target.actual_end_child = target.firstChild;
 		}
 
@@ -203,7 +204,9 @@ export function insert_hydration(target: NodeEx, node: NodeEx, anchor?: NodeEx)
 }
 
 export function detach(node: Node) {
-	node.parentNode.removeChild(node);
+	if (node.parentNode) {
+		node.parentNode.removeChild(node);
+	}
 }
 
 export function destroy_each(iterations, detaching) {
@@ -257,7 +260,7 @@ export function listen(node: EventTarget, event: string, handler: EventListenerO
 }
 
 export function prevent_default(fn) {
-	return function(event) {
+	return function (event) {
 		event.preventDefault();
 		// @ts-ignore
 		return fn.call(this, event);
@@ -265,22 +268,30 @@ export function prevent_default(fn) {
 }
 
 export function stop_propagation(fn) {
-	return function(event) {
+	return function (event) {
 		event.stopPropagation();
 		// @ts-ignore
 		return fn.call(this, event);
 	};
 }
 
+export function stop_immediate_propagation(fn) {
+	return function (event) {
+		event.stopImmediatePropagation();
+		// @ts-ignore
+		return fn.call(this, event);
+	};
+}
+
 export function self(fn) {
-	return function(event) {
+	return function (event) {
 		// @ts-ignore
 		if (event.target === this) fn.call(this, event);
 	};
 }
 
 export function trusted(fn) {
-	return function(event) {
+	return function (event) {
 		// @ts-ignore
 		if (event.isTrusted) fn.call(this, event);
 	};
@@ -315,6 +326,12 @@ export function set_svg_attributes(node: Element & ElementCSSInlineStyle, attrib
 	}
 }
 
+export function set_custom_element_data_map(node, data_map: Record<string, unknown>) {
+	Object.keys(data_map).forEach((key) => {
+		set_custom_element_data(node, key, data_map[key]);
+	});
+}
+
 export function set_custom_element_data(node, prop, value) {
 	if (prop in node) {
 		node[prop] = typeof node[prop] === 'boolean' && value === '' ? true : value;
@@ -323,6 +340,10 @@ export function set_custom_element_data(node, prop, value) {
 	}
 }
 
+export function set_dynamic_element_data(tag: string) {
+	return (/-/.test(tag)) ? set_custom_element_data_map : set_attributes;
+}
+
 export function xlink_attr(node, attribute, value) {
 	node.setAttributeNS('http://www.w3.org/1999/xlink', attribute, value);
 }
@@ -338,6 +359,53 @@ export function get_binding_group_value(group, __value, checked) {
 	return Array.from(value);
 }
 
+export function init_binding_group(group) {
+	let _inputs: HTMLInputElement[];
+	return {
+		/* push */ p(...inputs: HTMLInputElement[]) {
+			_inputs = inputs;
+			_inputs.forEach(input => group.push(input));
+		},
+
+		/* remove */ r() {
+			_inputs.forEach(input => group.splice(group.indexOf(input), 1));
+		}
+	};
+}
+
+export function init_binding_group_dynamic(group, indexes: number[]) {
+	let _group: HTMLInputElement[] = get_binding_group(group);
+	let _inputs: HTMLInputElement[];
+	function get_binding_group(group) {
+		for (let i = 0; i < indexes.length; i++) {
+			group = group[indexes[i]] = group[indexes[i]] || [];
+		}
+		return group;
+	}
+	function push() {
+		_inputs.forEach(input => _group.push(input));
+	}
+	function remove() {
+		_inputs.forEach(input => _group.splice(_group.indexOf(input), 1));
+	}
+	return {
+		/* update */ u(new_indexes: number[]) {
+			indexes = new_indexes;
+			const new_group = get_binding_group(group);
+			if (new_group !== _group) {
+				remove();
+				_group = new_group;
+				push();
+			}
+		},
+		/* push */ p(...inputs: HTMLInputElement[]) {
+			_inputs = inputs;
+			push();
+		},
+		/* remove */ r: remove
+	};
+}
+
 export function to_number(value) {
 	return value === '' ? null : +value;
 }
@@ -371,7 +439,7 @@ export function children(element: Element) {
 
 function init_claim_info(nodes: ChildNodeArray) {
 	if (nodes.claim_info === undefined) {
-		nodes.claim_info = {last_index: 0, total_claimed: 0};
+		nodes.claim_info = { last_index: 0, total_claimed: 0 };
 	}
 }
 
@@ -538,7 +606,7 @@ export function set_style(node, key, value, important) {
 	}
 }
 
-export function select_option(select, value) {
+export function select_option(select, value, mounting) {
 	for (let i = 0; i < select.options.length; i += 1) {
 		const option = select.options[i];
 
@@ -548,7 +616,9 @@ export function select_option(select, value) {
 		}
 	}
 
-	select.selectedIndex = -1; // no option should be selected
+	if (!mounting || value !== undefined) {
+		select.selectedIndex = -1; // no option should be selected
+	}
 }
 
 export function select_options(select, value) {
@@ -559,7 +629,7 @@ export function select_options(select, value) {
 }
 
 export function select_value(select) {
-	const selected_option = select.querySelector(':checked') || select.options[0];
+	const selected_option = select.querySelector(':checked');
 	return selected_option && selected_option.__value;
 }
 
@@ -615,6 +685,10 @@ export function add_resize_listener(node: HTMLElement, fn: () => void) {
 		iframe.src = 'about:blank';
 		iframe.onload = () => {
 			unsubscribe = listen(iframe.contentWindow, 'resize', fn);
+
+			// make sure an initial resize event is fired _after_ the iframe is loaded (which is asynchronous)
+			// see https://github.com/sveltejs/svelte/issues/4233
+			fn();
 		};
 	}
 
@@ -635,7 +709,7 @@ export function toggle_class(element, name, toggle) {
 	element.classList[toggle ? 'add' : 'remove'](name);
 }
 
-export function custom_event<T=any>(type: string, detail?: T, { bubbles = false, cancelable = false } = {}): CustomEvent<T> {
+export function custom_event<T = any>(type: string, detail?: T, { bubbles = false, cancelable = false } = {}): CustomEvent<T> {
 	const e: CustomEvent<T> = document.createEvent('CustomEvent');
 	e.initCustomEvent(type, bubbles, cancelable, detail);
 	return e;
@@ -645,6 +719,27 @@ export function query_selector_all(selector: string, parent: HTMLElement = docum
 	return Array.from(parent.querySelectorAll(selector)) as ChildNodeArray;
 }
 
+export function head_selector(nodeId: string, head: HTMLElement) {
+	const result = [];
+	let started = 0;
+
+	for (const node of head.childNodes) {
+		if (node.nodeType === 8 /* comment node */) {
+			const comment = node.textContent.trim();
+			if (comment === `HEAD_${nodeId}_END`) {
+				started -= 1;
+				result.push(node);
+			} else if (comment === `HEAD_${nodeId}_START`) {
+				started += 1;
+				result.push(node);
+			}
+		} else if (started > 0) {
+			result.push(node);
+		}
+	}
+	return result;
+}
+
 export class HtmlTag {
 	private is_svg = false;
 	// parent for creating node
@@ -652,7 +747,7 @@ export class HtmlTag {
 	// html tag nodes
 	n: ChildNode[];
 	// target
-	t: HTMLElement | SVGElement;
+	t: HTMLElement | SVGElement | DocumentFragment;
 	// anchor
 	a: HTMLElement | SVGElement;
 
@@ -672,8 +767,9 @@ export class HtmlTag {
 	) {
 		if (!this.e) {
 			if (this.is_svg) this.e = svg_element(target.nodeName as keyof SVGElementTagNameMap);
-			else this.e = element(target.nodeName as keyof HTMLElementTagNameMap);
-			this.t = target;
+			/** #7364  target for <template> may be provided as #document-fragment(11) */
+			else this.e = element((target.nodeType === 11 ? 'TEMPLATE' :  target.nodeName) as keyof HTMLElementTagNameMap);
+			this.t = target.tagName !== 'TEMPLATE' ? target : (target as HTMLTemplateElement).content;
 			this.c(html);
 		}
 
@@ -682,7 +778,7 @@ export class HtmlTag {
 
 	h(html: string) {
 		this.e.innerHTML = html;
-		this.n = Array.from(this.e.childNodes);
+		this.n = Array.from(this.e.nodeName === 'TEMPLATE' ? (this.e as HTMLTemplateElement).content.childNodes : this.e.childNodes);
 	}
 
 	i(anchor) {
@@ -740,3 +836,7 @@ export function get_custom_elements_slots(element: HTMLElement) {
 	});
 	return result;
 }
+
+export function construct_svelte_component(component, props) {
+	return new component(props);
+}
diff --git a/src/runtime/internal/keyed_each.ts b/src/runtime/internal/keyed_each.ts
index 079d5f44993..a5cfaf7fb6e 100644
--- a/src/runtime/internal/keyed_each.ts
+++ b/src/runtime/internal/keyed_each.ts
@@ -1,4 +1,5 @@
 import { transition_in, transition_out } from './transitions';
+import { run_all } from './utils';
 
 export function destroy_block(block, lookup) {
 	block.d(1);
@@ -32,6 +33,7 @@ export function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list
 	const new_blocks = [];
 	const new_lookup = new Map();
 	const deltas = new Map();
+	const updates = [];
 
 	i = n;
 	while (i--) {
@@ -43,7 +45,8 @@ export function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list
 			block = create_each_block(key, child_ctx);
 			block.c();
 		} else if (dynamic) {
-			block.p(child_ctx, dirty);
+			// defer updates until all the DOM shuffling is done
+			updates.push(() => block.p(child_ctx, dirty));
 		}
 
 		new_lookup.set(key, new_blocks[i] = block);
@@ -99,6 +102,8 @@ export function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list
 
 	while (n) insert(new_blocks[n - 1]);
 
+	run_all(updates);
+
 	return new_blocks;
 }
 
diff --git a/src/runtime/internal/lifecycle.ts b/src/runtime/internal/lifecycle.ts
index fbbeca9a67c..e75bbdc501f 100644
--- a/src/runtime/internal/lifecycle.ts
+++ b/src/runtime/internal/lifecycle.ts
@@ -11,18 +11,47 @@ export function get_current_component() {
 	return current_component;
 }
 
+/**
+ * Schedules a callback to run immediately before the component is updated after any state change.
+ * 
+ * The first time the callback runs will be before the initial `onMount`
+ * 
+ * https://svelte.dev/docs#run-time-svelte-beforeupdate
+ */
 export function beforeUpdate(fn: () => any) {
 	get_current_component().$$.before_update.push(fn);
 }
 
+/**
+ * The `onMount` function schedules a callback to run as soon as the component has been mounted to the DOM. 
+ * It must be called during the component's initialisation (but doesn't need to live *inside* the component; 
+ * it can be called from an external module).
+ * 
+ * `onMount` does not run inside a [server-side component](/docs#run-time-server-side-component-api).
+ * 
+ * https://svelte.dev/docs#run-time-svelte-onmount
+ */
 export function onMount(fn: () => any) {
 	get_current_component().$$.on_mount.push(fn);
 }
 
+/**
+ * Schedules a callback to run immediately after the component has been updated.
+ * 
+ * The first time the callback runs will be after the initial `onMount` 
+ */
 export function afterUpdate(fn: () => any) {
 	get_current_component().$$.after_update.push(fn);
 }
 
+/** 
+ * Schedules a callback to run immediately before the component is unmounted.
+ * 
+ * Out of `onMount`, `beforeUpdate`, `afterUpdate` and `onDestroy`, this is the 
+ * only one that runs inside a server-side component.
+ * 
+ * https://svelte.dev/docs#run-time-svelte-ondestroy
+ */
 export function onDestroy(fn: () => any) {
 	get_current_component().$$.on_destroy.push(fn);
 }
@@ -31,6 +60,18 @@ export interface DispatchOptions {
 	cancelable?: boolean;
 }
 
+/**
+ * Creates an event dispatcher that can be used to dispatch [component events](/docs#template-syntax-component-directives-on-eventname). 
+ * Event dispatchers are functions that can take two arguments: `name` and `detail`.
+ * 
+ * Component events created with `createEventDispatcher` create a 
+ * [CustomEvent](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent). 
+ * These events do not [bubble](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#Event_bubbling_and_capture).
+ * The `detail` argument corresponds to the [CustomEvent.detail](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/detail) 
+ * property and can contain any type of data. 
+ * 
+ * https://svelte.dev/docs#run-time-svelte-createeventdispatcher
+ */
 export function createEventDispatcher<EventMap extends {} = any>(): <
 	EventKey extends Extract<keyof EventMap, string>
 >(
@@ -57,19 +98,47 @@ export function createEventDispatcher<EventMap extends {} = any>(): <
 	};
 }
 
+/**
+ * Associates an arbitrary `context` object with the current component and the specified `key` 
+ * and returns that object. The context is then available to children of the component 
+ * (including slotted content) with `getContext`.
+ * 
+ * Like lifecycle functions, this must be called during component initialisation. 
+ * 
+ * https://svelte.dev/docs#run-time-svelte-setcontext
+ */
 export function setContext<T>(key, context: T): T {
 	get_current_component().$$.context.set(key, context);
 	return context;
 }
 
+/**
+ * Retrieves the context that belongs to the closest parent component with the specified `key`. 
+ * Must be called during component initialisation. 
+ * 
+ * https://svelte.dev/docs#run-time-svelte-getcontext
+ */
 export function getContext<T>(key): T {
 	return get_current_component().$$.context.get(key);
 }
 
+/**
+ * Retrieves the whole context map that belongs to the closest parent component. 
+ * Must be called during component initialisation. Useful, for example, if you 
+ * programmatically create a component and want to pass the existing context to it.
+ * 
+ * https://svelte.dev/docs#run-time-svelte-getallcontexts
+ */
 export function getAllContexts<T extends Map<any, any> = Map<any, any>>(): T {
 	return get_current_component().$$.context;
 }
 
+/**
+ * Checks whether a given `key` has been set in the context of a parent component. 
+ * Must be called during component initialisation. 
+ * 
+ * https://svelte.dev/docs#run-time-svelte-hascontext
+ */
 export function hasContext(key): boolean {
 	return get_current_component().$$.context.has(key);	
 }
diff --git a/src/runtime/internal/scheduler.ts b/src/runtime/internal/scheduler.ts
index c0b8e57b08e..c910ba10394 100644
--- a/src/runtime/internal/scheduler.ts
+++ b/src/runtime/internal/scheduler.ts
@@ -5,10 +5,10 @@ export const dirty_components = [];
 export const intros = { enabled: false };
 
 export const binding_callbacks = [];
-const render_callbacks = [];
+let render_callbacks = [];
 const flush_callbacks = [];
 
-const resolved_promise = Promise.resolve();
+const resolved_promise = /* @__PURE__ */ Promise.resolve();
 let update_scheduled = false;
 
 export function schedule_update() {
@@ -52,17 +52,32 @@ export function add_flush_callback(fn) {
 const seen_callbacks = new Set();
 let flushidx = 0;  // Do *not* move this inside the flush() function
 export function flush() {
+	// Do not reenter flush while dirty components are updated, as this can
+	// result in an infinite loop. Instead, let the inner flush handle it.
+	// Reentrancy is ok afterwards for bindings etc.
+	if (flushidx !== 0) {
+		return;
+	}
+
 	const saved_component = current_component;
 
 	do {
 		// first, call beforeUpdate functions
 		// and update components
-		while (flushidx < dirty_components.length) {
-			const component = dirty_components[flushidx];
-			flushidx++;
-			set_current_component(component);
-			update(component.$$);
+		try {
+			while (flushidx < dirty_components.length) {
+				const component = dirty_components[flushidx];
+				flushidx++;
+				set_current_component(component);
+				update(component.$$);
+			}
+		} catch (e) {
+			// reset dirty state to not end up in a deadlocked state and then rethrow
+			dirty_components.length = 0;
+			flushidx = 0;
+			throw e;
 		}
+
 		set_current_component(null);
 
 		dirty_components.length = 0;
@@ -107,3 +122,14 @@ function update($$) {
 		$$.after_update.forEach(add_render_callback);
 	}
 }
+
+/**
+ * Useful for example to execute remaining `afterUpdate` callbacks before executing `destroy`.
+ */
+export function flush_render_callbacks(fns: Function[]): void {
+	const filtered = [];
+	const targets = [];
+	render_callbacks.forEach((c) => fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c));
+	targets.forEach((c) => c());
+	render_callbacks = filtered;
+}
diff --git a/src/runtime/internal/ssr.ts b/src/runtime/internal/ssr.ts
index bb1b1b8f73d..e6d747dc189 100644
--- a/src/runtime/internal/ssr.ts
+++ b/src/runtime/internal/ssr.ts
@@ -69,20 +69,36 @@ export function merge_ssr_styles(style_attribute, style_directive) {
 	return style_object;
 }
 
-export const escaped = {
-	'"': '&quot;',
-	"'": '&#39;',
-	'&': '&amp;',
-	'<': '&lt;',
-	'>': '&gt;'
-};
+const ATTR_REGEX = /[&"]/g;
+const CONTENT_REGEX = /[&<]/g;
+
+/**
+ * Note: this method is performance sensitive and has been optimized
+ * https://github.com/sveltejs/svelte/pull/5701
+ */
+export function escape(value: unknown, is_attr = false) {
+	const str = String(value);
+
+	const pattern = is_attr ? ATTR_REGEX : CONTENT_REGEX;
+	pattern.lastIndex = 0;
+
+	let escaped = '';
+	let last = 0;
+
+	while (pattern.test(str)) {
+		const i = pattern.lastIndex - 1;
+		const ch = str[i];
+		escaped += str.substring(last, i) + (ch === '&' ? '&amp;' : (ch === '"' ? '&quot;' : '&lt;'));
+		last = i + 1;
+	}
 
-export function escape(html) {
-	return String(html).replace(/["'&<>]/g, match => escaped[match]);
+	return escaped + str.substring(last);
 }
 
 export function escape_attribute_value(value) {
-	return typeof value === 'string' ? escape(value) : value;
+	// keep booleans, null, and undefined for the sake of `spread`
+	const should_escape = typeof value === 'string' || (value && typeof value === 'object');
+	return should_escape ? escape(value, true) : value;
 }
 
 export function escape_object(obj) {
@@ -108,7 +124,7 @@ export const missing_component = {
 export function validate_component(component, name) {
 	if (!component || !component.$$render) {
 		if (name === 'svelte:component') name += ' this={...}';
-		throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules`);
+		throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules. Otherwise you may need to fix a <${name}>.`);
 	}
 
 	return component;
@@ -178,7 +194,7 @@ export function create_ssr_component(fn) {
 
 export function add_attribute(name, value, boolean) {
 	if (value == null || (boolean && !value)) return '';
-	const assignment = (boolean && value === true) ? '' : `="${escape_attribute_value(value.toString())}"`;
+	const assignment = (boolean && value === true) ? '' : `="${escape(value, true)}"`;
 	return ` ${name}${assignment}`;
 }
 
@@ -189,7 +205,7 @@ export function add_classes(classes) {
 function style_object_to_string(style_object) {
 	return Object.keys(style_object)
 		.filter(key => style_object[key])
-		.map(key => `${key}: ${style_object[key]};`)
+		.map(key => `${key}: ${escape_attribute_value(style_object[key])};`)
 		.join(' ');
 }
 
diff --git a/src/runtime/internal/style_manager.ts b/src/runtime/internal/style_manager.ts
index 6907e5af029..36dc1e60446 100644
--- a/src/runtime/internal/style_manager.ts
+++ b/src/runtime/internal/style_manager.ts
@@ -1,4 +1,4 @@
-import { append_empty_stylesheet, get_root_for_style } from './dom';
+import { append_empty_stylesheet, detach, get_root_for_style } from './dom';
 import { raf } from './environment';
 
 interface StyleInformation {
@@ -71,10 +71,9 @@ export function clear_rules() {
 	raf(() => {
 		if (active) return;
 		managed_styles.forEach(info => {
-			const { stylesheet } = info;
-			let i = stylesheet.cssRules.length;
-			while (i--) stylesheet.deleteRule(i);
-			info.rules = {};
+			const { ownerNode } = info.stylesheet;
+			// there is no ownerNode if it runs on jsdom.
+			if (ownerNode) detach(ownerNode);
 		});
 		managed_styles.clear();
 	});
diff --git a/src/runtime/internal/transitions.ts b/src/runtime/internal/transitions.ts
index a0134668eff..4705c0ac9aa 100644
--- a/src/runtime/internal/transitions.ts
+++ b/src/runtime/internal/transitions.ts
@@ -5,7 +5,7 @@ import { create_rule, delete_rule } from './style_manager';
 import { custom_event } from './dom';
 import { add_render_callback } from './scheduler';
 import { TransitionConfig } from '../transition';
-import { Fragment } from './Component';
+import { Fragment } from './types';
 
 let promise: Promise<void> | null;
 type INTRO = 1;
@@ -79,15 +79,19 @@ export function transition_out(block: Fragment, local: 0 | 1, detach?: 0 | 1, ca
 		});
 
 		block.o(local);
+	} else if (callback) {
+		callback();
 	}
 }
 
 const null_transition: TransitionConfig = { duration: 0 };
 
-type TransitionFn = (node: Element, params: any) => TransitionConfig;
+type TransitionOptions = { direction: 'in' | 'out' | 'both' };
+type TransitionFn = (node: Element, params: any, options: TransitionOptions) => TransitionConfig;
 
 export function create_in_transition(node: Element & ElementCSSInlineStyle, fn: TransitionFn, params: any) {
-	let config = fn(node, params);
+	const options: TransitionOptions = { direction: 'in' };
+	let config = fn(node, params, options);
 	let running = false;
 	let animation_name;
 	let task;
@@ -143,12 +147,12 @@ export function create_in_transition(node: Element & ElementCSSInlineStyle, fn:
 	return {
 		start() {
 			if (started) return;
-			
+
 			started = true;
 			delete_rule(node);
 
 			if (is_function(config)) {
-				config = config();
+				config = config(options);
 				wait().then(go);
 			} else {
 				go();
@@ -169,7 +173,8 @@ export function create_in_transition(node: Element & ElementCSSInlineStyle, fn:
 }
 
 export function create_out_transition(node: Element & ElementCSSInlineStyle, fn: TransitionFn, params: any) {
-	let config = fn(node, params);
+	const options: TransitionOptions = { direction: 'out' };
+	let config = fn(node, params, options);
 	let running = true;
 	let animation_name;
 
@@ -222,7 +227,7 @@ export function create_out_transition(node: Element & ElementCSSInlineStyle, fn:
 	if (is_function(config)) {
 		wait().then(() => {
 			// @ts-ignore
-			config = config();
+			config = config(options);
 			go();
 		});
 	} else {
@@ -262,7 +267,8 @@ interface Program {
 }
 
 export function create_bidirectional_transition(node: Element & ElementCSSInlineStyle, fn: TransitionFn, params: any, intro: boolean) {
-	let config = fn(node, params);
+	const options: TransitionOptions = { direction: 'both' };
+	let config = fn(node, params, options);
 
 	let t = intro ? 0 : 1;
 
@@ -371,7 +377,7 @@ export function create_bidirectional_transition(node: Element & ElementCSSInline
 			if (is_function(config)) {
 				wait().then(() => {
 					// @ts-ignore
-					config = config();
+					config = config(options);
 					go(b);
 				});
 			} else {
diff --git a/src/runtime/internal/types.ts b/src/runtime/internal/types.ts
new file mode 100644
index 00000000000..41f8f1ca43f
--- /dev/null
+++ b/src/runtime/internal/types.ts
@@ -0,0 +1,39 @@
+/**
+ * INTERNAL, DO NOT USE. Code may change at any time.
+ */
+export interface Fragment {
+  key: string | null;
+  first: null;
+	/* create  */ c: () => void;
+	/* claim   */ l: (nodes: any) => void;
+	/* hydrate */ h: () => void;
+	/* mount   */ m: (target: HTMLElement, anchor: any) => void;
+	/* update  */ p: (ctx: T$$['ctx'], dirty: T$$['dirty']) => void;
+	/* measure */ r: () => void;
+	/* fix     */ f: () => void;
+	/* animate */ a: () => void;
+	/* intro   */ i: (local: any) => void;
+	/* outro   */ o: (local: any) => void;
+	/* destroy */ d: (detaching: 0 | 1) => void;
+}
+
+export type FragmentFactory = (ctx: any) => Fragment;
+
+export interface T$$ {
+	dirty: number[];
+	ctx: any[];
+	bound: any;
+	update: () => void;
+	callbacks: any;
+	after_update: any[];
+	props: Record<string, 0 | string>;
+	fragment: null | false | Fragment;
+	not_equal: any;
+	before_update: any[];
+	context: Map<any, any>;
+	on_mount: any[];
+	on_destroy: any[];
+	skip_bound: boolean;
+	on_disconnect: any[];
+	root:Element | ShadowRoot
+}
diff --git a/src/runtime/internal/utils.ts b/src/runtime/internal/utils.ts
index 8868e38ee29..8adb0c279b7 100644
--- a/src/runtime/internal/utils.ts
+++ b/src/runtime/internal/utils.ts
@@ -10,8 +10,10 @@ export function assign<T, S>(tar: T, src: S): T & S {
 	return tar as T & S;
 }
 
+// Adapted from https://github.com/then/is-promise/blob/master/index.js
+// Distributed under MIT License https://github.com/then/is-promise/blob/master/LICENSE
 export function is_promise<T = any>(value: any): value is PromiseLike<T> {
-	return value && typeof value === 'object' && typeof value.then === 'function';
+	return !!value && (typeof value === 'object' || typeof value === 'function') && typeof value.then === 'function';
 }
 
 export function add_location(element, file, line, column, char) {
diff --git a/src/runtime/store/index.ts b/src/runtime/store/index.ts
index e947fa07402..ee277c6216a 100644
--- a/src/runtime/store/index.ts
+++ b/src/runtime/store/index.ts
@@ -98,7 +98,7 @@ export function writable<T>(value?: T, start: StartStopNotifier<T> = noop): Writ
 
 		return () => {
 			subscribers.delete(subscriber);
-			if (subscribers.size === 0) {
+			if (subscribers.size === 0 && stop) {
 				stop();
 				stop = null;
 			}
@@ -207,6 +207,17 @@ export function derived<T>(stores: Stores, fn: Function, initial_value?: T): Rea
 	});
 }
 
+/**
+ * Takes a store and returns a new one derived from the old one that is readable.
+ *
+ * @param store - store to make readonly
+ */
+export function readonly<T>(store: Readable<T>): Readable<T> {
+	return {
+		subscribe: store.subscribe.bind(store)
+	};
+}
+
 /**
  * Get the current value from a store by subscribing and immediately unsubscribing.
  * @param store readable
diff --git a/src/runtime/transition/index.ts b/src/runtime/transition/index.ts
index 9315cd77d53..836efc3d40b 100644
--- a/src/runtime/transition/index.ts
+++ b/src/runtime/transition/index.ts
@@ -98,23 +98,27 @@ export interface SlideParams {
 	delay?: number;
 	duration?: number;
 	easing?: EasingFunction;
+	axis?: 'x' | 'y';
 }
 
 export function slide(node: Element, {
 	delay = 0,
 	duration = 400,
-	easing = cubicOut
+	easing = cubicOut,
+	axis = 'y'
 }: SlideParams = {}): TransitionConfig {
 	const style = getComputedStyle(node);
 	const opacity = +style.opacity;
-	const height = parseFloat(style.height);
-	const padding_top = parseFloat(style.paddingTop);
-	const padding_bottom = parseFloat(style.paddingBottom);
-	const margin_top = parseFloat(style.marginTop);
-	const margin_bottom = parseFloat(style.marginBottom);
-	const border_top_width = parseFloat(style.borderTopWidth);
-	const border_bottom_width = parseFloat(style.borderBottomWidth);
-
+	const primary_property = axis === 'y' ? 'height' : 'width';
+	const primary_property_value = parseFloat(style[primary_property]);
+	const secondary_properties = axis === 'y' ? ['top', 'bottom'] : ['left', 'right'];
+	const capitalized_secondary_properties = secondary_properties.map((e) => `${e[0].toUpperCase()}${e.slice(1)}`);
+	const padding_start_value = parseFloat(style[`padding${capitalized_secondary_properties[0]}`]);
+	const padding_end_value = parseFloat(style[`padding${capitalized_secondary_properties[1]}`]);
+	const margin_start_value = parseFloat(style[`margin${capitalized_secondary_properties[0]}`]);
+	const margin_end_value = parseFloat(style[`margin${capitalized_secondary_properties[1]}`]);
+	const border_width_start_value = parseFloat(style[`border${capitalized_secondary_properties[0]}Width`]);
+	const border_width_end_value = parseFloat(style[`border${capitalized_secondary_properties[1]}Width`]);
 	return {
 		delay,
 		duration,
@@ -122,13 +126,13 @@ export function slide(node: Element, {
 		css: t =>
 			'overflow: hidden;' +
 			`opacity: ${Math.min(t * 20, 1) * opacity};` +
-			`height: ${t * height}px;` +
-			`padding-top: ${t * padding_top}px;` +
-			`padding-bottom: ${t * padding_bottom}px;` +
-			`margin-top: ${t * margin_top}px;` +
-			`margin-bottom: ${t * margin_bottom}px;` +
-			`border-top-width: ${t * border_top_width}px;` +
-			`border-bottom-width: ${t * border_bottom_width}px;`
+			`${primary_property}: ${t * primary_property_value}px;` +
+			`padding-${secondary_properties[0]}: ${t * padding_start_value}px;` +
+			`padding-${secondary_properties[1]}: ${t * padding_end_value}px;` +
+			`margin-${secondary_properties[0]}: ${t * margin_start_value}px;` +
+			`margin-${secondary_properties[1]}: ${t * margin_end_value}px;` +
+			`border-${secondary_properties[0]}-width: ${t * border_width_start_value}px;` +
+			`border-${secondary_properties[1]}-width: ${t * border_width_end_value}px;`
 	};
 }
 
@@ -198,7 +202,10 @@ export function draw(node: SVGElement & { getTotalLength(): number }, {
 		delay,
 		duration,
 		easing,
-		css: (t, u) => `stroke-dasharray: ${t * len} ${u * len}`
+		css: (_, u) => `
+			stroke-dasharray: ${len};
+			stroke-dashoffset: ${u * len};
+		`
 	};
 }
 
@@ -208,7 +215,7 @@ export interface CrossfadeParams {
 	easing?: EasingFunction;
 }
 
-type ClientRectMap = Map<any, { rect: ClientRect }>;
+type ClientRectMap = Map<any, Element>;
 
 export function crossfade({ fallback, ...defaults }: CrossfadeParams & {
 	fallback?: (node: Element, params: CrossfadeParams, intro: boolean) => TransitionConfig;
@@ -229,13 +236,14 @@ export function crossfade({ fallback, ...defaults }: CrossfadeParams & {
 	const to_receive: ClientRectMap = new Map();
 	const to_send: ClientRectMap = new Map();
 
-	function crossfade(from: ClientRect, node: Element, params: CrossfadeParams): TransitionConfig {
+	function crossfade(from_node: Element, node: Element, params: CrossfadeParams): TransitionConfig {
 		const {
 			delay = 0,
 			duration = d => Math.sqrt(d) * 30,
 			easing = cubicOut
 		} = assign(assign({}, defaults), params);
 
+		const from = from_node.getBoundingClientRect();
 		const to = node.getBoundingClientRect();
 		const dx = from.left - to.left;
 		const dy = from.top - to.top;
@@ -261,16 +269,14 @@ export function crossfade({ fallback, ...defaults }: CrossfadeParams & {
 
 	function transition(items: ClientRectMap, counterparts: ClientRectMap, intro: boolean) {
 		return (node: Element, params: CrossfadeParams & { key: any }) => {
-			items.set(params.key, {
-				rect: node.getBoundingClientRect()
-			});
+			items.set(params.key, node);
 
 			return () => {
 				if (counterparts.has(params.key)) {
-					const { rect } = counterparts.get(params.key);
+					const other_node = counterparts.get(params.key);
 					counterparts.delete(params.key);
 
-					return crossfade(rect, node, params);
+					return crossfade(other_node, node, params);
 				}
 
 				// if the node is disappearing altogether
diff --git a/src/shared/boolean_attributes.ts b/src/shared/boolean_attributes.ts
index 4520a2064ee..668dd979750 100644
--- a/src/shared/boolean_attributes.ts
+++ b/src/shared/boolean_attributes.ts
@@ -1,5 +1,4 @@
-// source: https://html.spec.whatwg.org/multipage/indices.html
-export const boolean_attributes = new Set([
+const _boolean_attributes = [
 	'allowfullscreen',
 	'allowpaymentrequest',
 	'async',
@@ -12,7 +11,9 @@ export const boolean_attributes = new Set([
 	'disabled',
 	'formnovalidate',
 	'hidden',
+	'inert',
 	'ismap',
+	'itemscope',
 	'loop',
 	'multiple',
 	'muted',
@@ -24,4 +25,12 @@ export const boolean_attributes = new Set([
 	'required',
 	'reversed',
 	'selected'
-]);
+] as const;
+
+export type BooleanAttributes = typeof _boolean_attributes[number];
+
+/**
+ * List of HTML boolean attributes (e.g. `<input disabled>`).
+ * Source: https://html.spec.whatwg.org/multipage/indices.html
+ */
+export const boolean_attributes: Set<string> = new Set([..._boolean_attributes]);
diff --git a/src/shared/utils/names.ts b/src/shared/utils/names.ts
index 5e13e6cd877..7c7cf07cff7 100644
--- a/src/shared/utils/names.ts
+++ b/src/shared/utils/names.ts
@@ -1,5 +1,18 @@
+/** regex of all html void element names */
 const void_element_names = /^(?:area|base|br|col|command|embed|hr|img|input|keygen|link|meta|param|source|track|wbr)$/;
+/** regex of all html element names. svg and math are omitted because they belong to the svg elements namespace */
+const html_element_names = /^(?:a|abbr|address|area|article|aside|audio|b|base|bdi|bdo|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|data|datalist|dd|del|details|dfn|dialog|div|dl|dt|em|embed|fieldset|figcaption|figure|footer|form|h1|h2|h3|h4|h5|h6|head|header|hr|html|i|iframe|img|input|ins|kbd|label|legend|li|link|main|map|mark|meta|meter|nav|noscript|object|ol|optgroup|option|output|p|param|picture|pre|progress|q|rp|rt|ruby|s|samp|script|section|select|small|source|span|strong|style|sub|summary|sup|table|tbody|td|template|textarea|tfoot|th|thead|time|title|tr|track|u|ul|var|video|wbr)$/;
+/** regex of all svg element names */
+const svg = /^(?:altGlyph|altGlyphDef|altGlyphItem|animate|animateColor|animateMotion|animateTransform|circle|clipPath|color-profile|cursor|defs|desc|discard|ellipse|feBlend|feColorMatrix|feComponentTransfer|feComposite|feConvolveMatrix|feDiffuseLighting|feDisplacementMap|feDistantLight|feDropShadow|feFlood|feFuncA|feFuncB|feFuncG|feFuncR|feGaussianBlur|feImage|feMerge|feMergeNode|feMorphology|feOffset|fePointLight|feSpecularLighting|feSpotLight|feTile|feTurbulence|filter|font|font-face|font-face-format|font-face-name|font-face-src|font-face-uri|foreignObject|g|glyph|glyphRef|hatch|hatchpath|hkern|image|line|linearGradient|marker|mask|mesh|meshgradient|meshpatch|meshrow|metadata|missing-glyph|mpath|path|pattern|polygon|polyline|radialGradient|rect|set|solidcolor|stop|svg|switch|symbol|text|textPath|tref|tspan|unknown|use|view|vkern)$/;
 
 export function is_void(name: string) {
 	return void_element_names.test(name) || name.toLowerCase() === '!doctype';
 }
+
+export function is_html(name: string) {
+	return html_element_names.test(name);
+}
+
+export function is_svg(name: string) {
+	return svg.test(name);
+}
diff --git a/test/css/samples/at-layer/expected.css b/test/css/samples/at-layer/expected.css
new file mode 100644
index 00000000000..e5f3de80c95
--- /dev/null
+++ b/test/css/samples/at-layer/expected.css
@@ -0,0 +1 @@
+@layer base, special;@layer special{div.svelte-xyz{color:rebeccapurple}}@layer base{div.svelte-xyz{color:green}}
\ No newline at end of file
diff --git a/test/css/samples/at-layer/input.svelte b/test/css/samples/at-layer/input.svelte
new file mode 100644
index 00000000000..60289e1e5f9
--- /dev/null
+++ b/test/css/samples/at-layer/input.svelte
@@ -0,0 +1,17 @@
+<div>hello</div>
+
+<style>
+	@layer base, special;
+
+	@layer special {
+		div {
+			color: rebeccapurple;
+		}
+	}
+
+	@layer base {
+		div {
+			color: green;
+		}
+	}
+</style>
diff --git a/test/css/samples/dynamic-element-tag/_config.js b/test/css/samples/dynamic-element-tag/_config.js
new file mode 100644
index 00000000000..c81f1a9f82c
--- /dev/null
+++ b/test/css/samples/dynamic-element-tag/_config.js
@@ -0,0 +1,3 @@
+export default {
+	warnings: []
+};
diff --git a/test/css/samples/dynamic-element-tag/expected.css b/test/css/samples/dynamic-element-tag/expected.css
new file mode 100644
index 00000000000..6af254e9484
--- /dev/null
+++ b/test/css/samples/dynamic-element-tag/expected.css
@@ -0,0 +1 @@
+div.svelte-xyz.svelte-xyz.svelte-xyz{color:red}h2.svelte-xyz>p.svelte-xyz.svelte-xyz{color:red}h2.svelte-xyz span.svelte-xyz.svelte-xyz{color:red}h2.svelte-xyz>span.svelte-xyz>b.svelte-xyz{color:red}h2.svelte-xyz span b.svelte-xyz.svelte-xyz{color:red}h2.svelte-xyz b.svelte-xyz.svelte-xyz{color:red}
\ No newline at end of file
diff --git a/test/css/samples/dynamic-element-tag/expected.html b/test/css/samples/dynamic-element-tag/expected.html
new file mode 100644
index 00000000000..509ad1d839c
--- /dev/null
+++ b/test/css/samples/dynamic-element-tag/expected.html
@@ -0,0 +1,4 @@
+<div class="svelte-xyz"></div>
+<h2 class="svelte-xyz">
+	<div class="svelte-xyz"><b class="svelte-xyz">text</b></div>
+</h2>
diff --git a/test/css/samples/dynamic-element-tag/input.svelte b/test/css/samples/dynamic-element-tag/input.svelte
new file mode 100644
index 00000000000..6e8851b3f96
--- /dev/null
+++ b/test/css/samples/dynamic-element-tag/input.svelte
@@ -0,0 +1,32 @@
+<script>
+	export let element = 'div';
+</script>
+
+<svelte:element this={element} />
+
+<h2>
+	<svelte:element this={element}>
+		<b>text</b>
+	</svelte:element>
+</h2>
+
+<style>
+	div {
+		color: red;
+	}
+	h2 > p {
+		color: red;
+	}
+	h2 span {
+		color: red;
+	}
+	h2 > span > b {
+		color: red;
+	}
+	h2 span b {
+		color: red;
+	}
+	h2 b {
+		color: red;
+	}
+</style>
diff --git a/test/css/samples/unused-selector-empty-attribute/_config.js b/test/css/samples/unused-selector-empty-attribute/_config.js
new file mode 100644
index 00000000000..6f77c6a3e15
--- /dev/null
+++ b/test/css/samples/unused-selector-empty-attribute/_config.js
@@ -0,0 +1,25 @@
+export default {
+	warnings: [{
+		filename: 'SvelteComponent.svelte',
+		code: 'css-unused-selector',
+		message: 'Unused CSS selector "img[alt=""]"',
+		start: {
+			character: 87,
+			column: 1,
+			line: 8
+		  },
+		end: {
+			character: 98,
+			column: 12,
+			line: 8
+		  },
+		pos: 87,
+		frame: `
+			 6:   }
+			 7:
+			 8:   img[alt=""] {
+			      ^
+			 9:     border: 1px solid red;
+			10:   }`
+	}]
+};
diff --git a/test/css/samples/unused-selector-empty-attribute/expected.css b/test/css/samples/unused-selector-empty-attribute/expected.css
new file mode 100644
index 00000000000..987fa142db5
--- /dev/null
+++ b/test/css/samples/unused-selector-empty-attribute/expected.css
@@ -0,0 +1 @@
+img[alt].svelte-xyz{border:1px solid green}
\ No newline at end of file
diff --git a/test/css/samples/unused-selector-empty-attribute/expected.html b/test/css/samples/unused-selector-empty-attribute/expected.html
new file mode 100644
index 00000000000..889908c2179
--- /dev/null
+++ b/test/css/samples/unused-selector-empty-attribute/expected.html
@@ -0,0 +1 @@
+<img alt="a foo" class="svelte-xyz" src="foo.jpg">
\ No newline at end of file
diff --git a/test/css/samples/unused-selector-empty-attribute/input.svelte b/test/css/samples/unused-selector-empty-attribute/input.svelte
new file mode 100644
index 00000000000..0200e537bea
--- /dev/null
+++ b/test/css/samples/unused-selector-empty-attribute/input.svelte
@@ -0,0 +1,11 @@
+<img src="foo.jpg" alt="a foo" />
+
+<style>
+	img[alt] {
+		border: 1px solid green;
+	}
+
+	img[alt=""] {
+		border: 1px solid red;
+	}
+</style>
diff --git a/test/custom-elements/index.ts b/test/custom-elements/index.ts
index 42b27eebd3e..534199d0354 100644
--- a/test/custom-elements/index.ts
+++ b/test/custom-elements/index.ts
@@ -64,6 +64,9 @@ describe('custom-elements', function() {
 
 	fs.readdirSync(`${__dirname}/samples`).forEach(dir => {
 		if (dir[0] === '.') return;
+		// MEMO: puppeteer can not execute Chromium properly with Node8,10 on Linux at GitHub actions.
+		const { version } = process;
+		if ((version.startsWith('v8.') || version.startsWith('v10.')) && process.platform === 'linux') return;
 
 		const solo = /\.solo$/.test(dir);
 		const skip = /\.skip$/.test(dir);
diff --git a/test/hydration/samples/head-html-and-component/HeadNested.svelte b/test/hydration/samples/head-html-and-component/HeadNested.svelte
new file mode 100644
index 00000000000..33bbdd1fd10
--- /dev/null
+++ b/test/hydration/samples/head-html-and-component/HeadNested.svelte
@@ -0,0 +1,2 @@
+{@html '<meta name="head_nested_html" content="head_nested_html">'}
+<meta name="head_nested" content="head_nested">
diff --git a/test/hydration/samples/head-html-and-component/Nested.svelte b/test/hydration/samples/head-html-and-component/Nested.svelte
new file mode 100644
index 00000000000..28f5371910c
--- /dev/null
+++ b/test/hydration/samples/head-html-and-component/Nested.svelte
@@ -0,0 +1,5 @@
+
+<svelte:head>
+	{@html '<meta name="nested_html" content="nested_html">'}
+	<meta name="nested" content="nested">
+</svelte:head>
diff --git a/test/hydration/samples/head-html-and-component/_after.html b/test/hydration/samples/head-html-and-component/_after.html
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/test/hydration/samples/head-html-and-component/_after_head.html b/test/hydration/samples/head-html-and-component/_after_head.html
new file mode 100644
index 00000000000..d7f94eda1b6
--- /dev/null
+++ b/test/hydration/samples/head-html-and-component/_after_head.html
@@ -0,0 +1,12 @@
+<!-- HEAD_svelte-17ibcve_START -->
+<!-- HTML_TAG_START --><meta name="main_html" content="main_html"><!-- HTML_TAG_END -->
+<meta name="main" content="main">
+<!-- HTML_TAG_START --><meta name="head_nested_html" content="head_nested_html"><!-- HTML_TAG_END -->
+<meta name="head_nested" content="head_nested">
+<!-- HEAD_svelte-17ibcve_END -->
+
+<!-- HEAD_svelte-1gqzvnn_START -->
+<!-- HTML_TAG_START --><meta name="nested_html" content="nested_html"><!-- HTML_TAG_END -->
+<meta name="nested" content="nested">
+<!-- HEAD_svelte-1gqzvnn_END -->
+
diff --git a/test/hydration/samples/head-html-and-component/_before.html b/test/hydration/samples/head-html-and-component/_before.html
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/test/hydration/samples/head-html-and-component/_before_head.html b/test/hydration/samples/head-html-and-component/_before_head.html
new file mode 100644
index 00000000000..da265f414d2
--- /dev/null
+++ b/test/hydration/samples/head-html-and-component/_before_head.html
@@ -0,0 +1,11 @@
+<!-- HEAD_svelte-17ibcve_START -->
+<!-- HTML_TAG_START --><meta name="main_html" content="main_html"><!-- HTML_TAG_END -->
+<meta name="main" content="main">
+<!-- HTML_TAG_START --><meta name="head_nested_html" content="head_nested_html"><!-- HTML_TAG_END -->
+<meta name="head_nested" content="head_nested">
+<!-- HEAD_svelte-17ibcve_END -->
+
+<!-- HEAD_svelte-1gqzvnn_START -->
+<!-- HTML_TAG_START --><meta name="nested_html" content="nested_html"><!-- HTML_TAG_END -->
+<meta name="nested" content="nested">
+<!-- HEAD_svelte-1gqzvnn_END -->
diff --git a/test/hydration/samples/head-html-and-component/main.svelte b/test/hydration/samples/head-html-and-component/main.svelte
new file mode 100644
index 00000000000..188ecace6bb
--- /dev/null
+++ b/test/hydration/samples/head-html-and-component/main.svelte
@@ -0,0 +1,12 @@
+<script>
+	import HeadNested from './HeadNested.svelte';
+	import Nested from './Nested.svelte';
+</script>
+
+<svelte:head>
+	{@html '<meta name="main_html" content="main_html">'}
+	<meta name="main" content="main">
+	<HeadNested />
+</svelte:head>
+
+<Nested/>
diff --git a/test/hydration/samples/head-meta-hydrate-duplicate/_after_head.html b/test/hydration/samples/head-meta-hydrate-duplicate/_after_head.html
index be7a01ba4ff..bdd08c32f5f 100644
--- a/test/hydration/samples/head-meta-hydrate-duplicate/_after_head.html
+++ b/test/hydration/samples/head-meta-hydrate-duplicate/_after_head.html
@@ -1,4 +1,6 @@
 <title>Some Title</title>
-<link href="/" rel="canonical">
-<meta content="some description" name="description">
-<meta content="some keywords" name="keywords">
+<!-- HEAD_svelte-1s8aodm_START -->
+<link rel="canonical" href="/">
+<meta name="description" content="some description">
+<meta name="keywords" content="some keywords">
+<!-- HEAD_svelte-1s8aodm_END -->
diff --git a/test/hydration/samples/head-meta-hydrate-duplicate/_before_head.html b/test/hydration/samples/head-meta-hydrate-duplicate/_before_head.html
index 107753cdd0e..bdd08c32f5f 100644
--- a/test/hydration/samples/head-meta-hydrate-duplicate/_before_head.html
+++ b/test/hydration/samples/head-meta-hydrate-duplicate/_before_head.html
@@ -1,4 +1,6 @@
 <title>Some Title</title>
-<link rel="canonical" href="/" data-svelte="svelte-1s8aodm">
-<meta name="description" content="some description" data-svelte="svelte-1s8aodm">
-<meta name="keywords" content="some keywords" data-svelte="svelte-1s8aodm">
\ No newline at end of file
+<!-- HEAD_svelte-1s8aodm_START -->
+<link rel="canonical" href="/">
+<meta name="description" content="some description">
+<meta name="keywords" content="some keywords">
+<!-- HEAD_svelte-1s8aodm_END -->
diff --git a/test/js/samples/capture-inject-state/expected.js b/test/js/samples/capture-inject-state/expected.js
index 58e1879553c..41f9b966b02 100644
--- a/test/js/samples/capture-inject-state/expected.js
+++ b/test/js/samples/capture-inject-state/expected.js
@@ -48,7 +48,7 @@ function create_fragment(ctx) {
 			t8 = text(/*$prop*/ ctx[2]);
 			t9 = space();
 			t10 = text(/*shadowedByModule*/ ctx[4]);
-			add_location(p, file, 22, 0, 430);
+			add_location(p, file, 22, 0, 431);
 		},
 		l: function claim(nodes) {
 			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -91,7 +91,7 @@ function create_fragment(ctx) {
 }
 
 let moduleLiveBinding;
-const moduleContantProps = 4;
+const moduleConstantProps = 4;
 let moduleLet;
 const moduleConst = 2;
 let shadowedByModule;
@@ -113,6 +113,17 @@ function instance($$self, $$props, $$invalidate) {
 	let { alias: realName } = $$props;
 	let local;
 	let shadowedByModule;
+
+	$$self.$$.on_mount.push(function () {
+		if (prop === undefined && !('prop' in $$props || $$self.$$.bound[$$self.$$.props['prop']])) {
+			console.warn("<Component> was created without expected prop 'prop'");
+		}
+
+		if (realName === undefined && !('alias' in $$props || $$self.$$.bound[$$self.$$.props['alias']])) {
+			console.warn("<Component> was created without expected prop 'alias'");
+		}
+	});
+
 	const writable_props = ['prop', 'alias'];
 
 	Object.keys($$props).forEach(key => {
@@ -126,7 +137,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$capture_state = () => ({
 		moduleLiveBinding,
-		moduleContantProps,
+		moduleConstantProps,
 		moduleLet,
 		moduleConst,
 		shadowedByModule,
@@ -166,17 +177,6 @@ class Component extends SvelteComponentDev {
 			options,
 			id: create_fragment.name
 		});
-
-		const { ctx } = this.$$;
-		const props = options.props || {};
-
-		if (/*prop*/ ctx[0] === undefined && !('prop' in props)) {
-			console.warn("<Component> was created without expected prop 'prop'");
-		}
-
-		if (/*realName*/ ctx[1] === undefined && !('alias' in props)) {
-			console.warn("<Component> was created without expected prop 'alias'");
-		}
 	}
 
 	get prop() {
@@ -197,4 +197,4 @@ class Component extends SvelteComponentDev {
 }
 
 export default Component;
-export { moduleLiveBinding, moduleContantProps };
\ No newline at end of file
+export { moduleLiveBinding, moduleConstantProps };
diff --git a/test/js/samples/capture-inject-state/input.svelte b/test/js/samples/capture-inject-state/input.svelte
index a1051bc1470..a80fecf00fc 100644
--- a/test/js/samples/capture-inject-state/input.svelte
+++ b/test/js/samples/capture-inject-state/input.svelte
@@ -1,6 +1,6 @@
 <script context="module">
   export let moduleLiveBinding;
-  export const moduleContantProps = 4;
+  export const moduleConstantProps = 4;
   let moduleLet;
   const moduleConst = 2;
   let shadowedByModule;
diff --git a/test/js/samples/class-field/expected.js b/test/js/samples/class-field/expected.js
new file mode 100644
index 00000000000..875d61b934f
--- /dev/null
+++ b/test/js/samples/class-field/expected.js
@@ -0,0 +1,25 @@
+/* generated by Svelte vX.Y.Z */
+import { SvelteComponent, init, safe_not_equal } from "svelte/internal";
+
+function instance($$self) {
+	class A {
+		p1;
+		p2 = 1;
+		#p3 = 2;
+
+		#getP3() {
+			return this.#p3;
+		}
+	}
+
+	return [];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, null, safe_not_equal, {});
+	}
+}
+
+export default Component;
diff --git a/test/js/samples/class-field/input.svelte b/test/js/samples/class-field/input.svelte
new file mode 100644
index 00000000000..b9903169372
--- /dev/null
+++ b/test/js/samples/class-field/input.svelte
@@ -0,0 +1,12 @@
+<script>
+	class A {
+		p1;
+		p2 = 1;
+
+		#p3 = 2;
+
+		#getP3() {
+			return this.#p3;
+		}
+	}
+</script>
diff --git a/test/js/samples/collapse-literal-ssr/_config.js b/test/js/samples/collapse-literal-ssr/_config.js
new file mode 100644
index 00000000000..c4070b9a3b0
--- /dev/null
+++ b/test/js/samples/collapse-literal-ssr/_config.js
@@ -0,0 +1,6 @@
+export default {
+	options: {
+		generate: 'ssr',
+		dev: true
+	}
+};
diff --git a/test/js/samples/collapse-literal-ssr/expected.js b/test/js/samples/collapse-literal-ssr/expected.js
new file mode 100644
index 00000000000..8440a10082b
--- /dev/null
+++ b/test/js/samples/collapse-literal-ssr/expected.js
@@ -0,0 +1,25 @@
+/* generated by Svelte vX.Y.Z */
+import { add_attribute, create_ssr_component, escape } from "svelte/internal";
+
+const const1 = 1;
+const const2 = 'const2';
+
+function foo() {
+	return '';
+}
+
+const Component = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+	return `
+<div class="class1 class2" style="color:red;">-</div>
+
+
+<div${add_attribute("class", const1, 0)}>-</div>
+<div${add_attribute("class", const1, 0)}>-</div>
+
+
+<div class="${"class1 " + escape('class2', true)}">-</div>
+<div class="${"class1 " + escape(const2, true)}">-</div>
+<div class="${"class1 " + escape(const2, true)}"${add_attribute("style", foo(), 0)}>-</div>`;
+});
+
+export default Component;
\ No newline at end of file
diff --git a/test/js/samples/collapse-literal-ssr/input.svelte b/test/js/samples/collapse-literal-ssr/input.svelte
new file mode 100644
index 00000000000..83a7be9bda6
--- /dev/null
+++ b/test/js/samples/collapse-literal-ssr/input.svelte
@@ -0,0 +1,20 @@
+<script>
+	const const1 = 1;
+	const const2 = 'const2';
+
+	function foo() {
+		return '';
+	}
+</script>
+
+<!-- canonical case - only markup -->
+<div class="class1 class2" style="color:red;">-</div>
+
+<!-- various forms of variable syntax -->
+<div class="{const1}">-</div>
+<div class={const1}>-</div>
+
+<!-- mixed static string + expressions -->
+<div class="class1 {'class2'}">-</div>
+<div class="class1 {const2}">-</div>
+<div class="class1 {const2}" style={foo()}>-</div>
diff --git a/test/js/samples/css-shadow-dom-keyframes/expected.js b/test/js/samples/css-shadow-dom-keyframes/expected.js
index 5d65949488d..ba7ca9a6679 100644
--- a/test/js/samples/css-shadow-dom-keyframes/expected.js
+++ b/test/js/samples/css-shadow-dom-keyframes/expected.js
@@ -34,7 +34,9 @@ function create_fragment(ctx) {
 class Component extends SvelteElement {
 	constructor(options) {
 		super();
-		this.shadowRoot.innerHTML = `<style>div{animation:foo 1s}@keyframes foo{0%{opacity:0}100%{opacity:1}}</style>`;
+		const style = document.createElement('style');
+		style.textContent = `div{animation:foo 1s}@keyframes foo{0%{opacity:0}100%{opacity:1}}`;
+		this.shadowRoot.appendChild(style);
 
 		init(
 			this,
diff --git a/test/js/samples/debug-empty/expected.js b/test/js/samples/debug-empty/expected.js
index 55303b41b7e..ee304591cbf 100644
--- a/test/js/samples/debug-empty/expected.js
+++ b/test/js/samples/debug-empty/expected.js
@@ -72,6 +72,13 @@ function instance($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	validate_slots('Component', slots, []);
 	let { name } = $$props;
+
+	$$self.$$.on_mount.push(function () {
+		if (name === undefined && !('name' in $$props || $$self.$$.bound[$$self.$$.props['name']])) {
+			console.warn("<Component> was created without expected prop 'name'");
+		}
+	});
+
 	const writable_props = ['name'];
 
 	Object.keys($$props).forEach(key => {
@@ -106,13 +113,6 @@ class Component extends SvelteComponentDev {
 			options,
 			id: create_fragment.name
 		});
-
-		const { ctx } = this.$$;
-		const props = options.props || {};
-
-		if (/*name*/ ctx[0] === undefined && !('name' in props)) {
-			console.warn("<Component> was created without expected prop 'name'");
-		}
 	}
 
 	get name() {
diff --git a/test/js/samples/debug-foo-bar-baz-things/expected.js b/test/js/samples/debug-foo-bar-baz-things/expected.js
index 3377d35018a..0b0a41abe23 100644
--- a/test/js/samples/debug-foo-bar-baz-things/expected.js
+++ b/test/js/samples/debug-foo-bar-baz-things/expected.js
@@ -114,7 +114,9 @@ function create_fragment(ctx) {
 		},
 		m: function mount(target, anchor) {
 			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(target, anchor);
+				if (each_blocks[i]) {
+					each_blocks[i].m(target, anchor);
+				}
 			}
 
 			insert_dev(target, t0, anchor);
@@ -176,6 +178,25 @@ function instance($$self, $$props, $$invalidate) {
 	let { foo } = $$props;
 	let { bar } = $$props;
 	let { baz } = $$props;
+
+	$$self.$$.on_mount.push(function () {
+		if (things === undefined && !('things' in $$props || $$self.$$.bound[$$self.$$.props['things']])) {
+			console.warn("<Component> was created without expected prop 'things'");
+		}
+
+		if (foo === undefined && !('foo' in $$props || $$self.$$.bound[$$self.$$.props['foo']])) {
+			console.warn("<Component> was created without expected prop 'foo'");
+		}
+
+		if (bar === undefined && !('bar' in $$props || $$self.$$.bound[$$self.$$.props['bar']])) {
+			console.warn("<Component> was created without expected prop 'bar'");
+		}
+
+		if (baz === undefined && !('baz' in $$props || $$self.$$.bound[$$self.$$.props['baz']])) {
+			console.warn("<Component> was created without expected prop 'baz'");
+		}
+	});
+
 	const writable_props = ['things', 'foo', 'bar', 'baz'];
 
 	Object.keys($$props).forEach(key => {
@@ -216,25 +237,6 @@ class Component extends SvelteComponentDev {
 			options,
 			id: create_fragment.name
 		});
-
-		const { ctx } = this.$$;
-		const props = options.props || {};
-
-		if (/*things*/ ctx[0] === undefined && !('things' in props)) {
-			console.warn("<Component> was created without expected prop 'things'");
-		}
-
-		if (/*foo*/ ctx[1] === undefined && !('foo' in props)) {
-			console.warn("<Component> was created without expected prop 'foo'");
-		}
-
-		if (/*bar*/ ctx[2] === undefined && !('bar' in props)) {
-			console.warn("<Component> was created without expected prop 'bar'");
-		}
-
-		if (/*baz*/ ctx[3] === undefined && !('baz' in props)) {
-			console.warn("<Component> was created without expected prop 'baz'");
-		}
 	}
 
 	get things() {
diff --git a/test/js/samples/debug-foo/expected.js b/test/js/samples/debug-foo/expected.js
index 518897c237b..637a229a979 100644
--- a/test/js/samples/debug-foo/expected.js
+++ b/test/js/samples/debug-foo/expected.js
@@ -108,7 +108,9 @@ function create_fragment(ctx) {
 		},
 		m: function mount(target, anchor) {
 			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(target, anchor);
+				if (each_blocks[i]) {
+					each_blocks[i].m(target, anchor);
+				}
 			}
 
 			insert_dev(target, t0, anchor);
@@ -168,6 +170,17 @@ function instance($$self, $$props, $$invalidate) {
 	validate_slots('Component', slots, []);
 	let { things } = $$props;
 	let { foo } = $$props;
+
+	$$self.$$.on_mount.push(function () {
+		if (things === undefined && !('things' in $$props || $$self.$$.bound[$$self.$$.props['things']])) {
+			console.warn("<Component> was created without expected prop 'things'");
+		}
+
+		if (foo === undefined && !('foo' in $$props || $$self.$$.bound[$$self.$$.props['foo']])) {
+			console.warn("<Component> was created without expected prop 'foo'");
+		}
+	});
+
 	const writable_props = ['things', 'foo'];
 
 	Object.keys($$props).forEach(key => {
@@ -204,17 +217,6 @@ class Component extends SvelteComponentDev {
 			options,
 			id: create_fragment.name
 		});
-
-		const { ctx } = this.$$;
-		const props = options.props || {};
-
-		if (/*things*/ ctx[0] === undefined && !('things' in props)) {
-			console.warn("<Component> was created without expected prop 'things'");
-		}
-
-		if (/*foo*/ ctx[1] === undefined && !('foo' in props)) {
-			console.warn("<Component> was created without expected prop 'foo'");
-		}
 	}
 
 	get things() {
diff --git a/test/js/samples/debug-no-dependencies/expected.js b/test/js/samples/debug-no-dependencies/expected.js
index 8107b890a68..e9e4d34a11b 100644
--- a/test/js/samples/debug-no-dependencies/expected.js
+++ b/test/js/samples/debug-no-dependencies/expected.js
@@ -86,7 +86,9 @@ function create_fragment(ctx) {
 		},
 		m: function mount(target, anchor) {
 			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(target, anchor);
+				if (each_blocks[i]) {
+					each_blocks[i].m(target, anchor);
+				}
 			}
 
 			insert_dev(target, each_1_anchor, anchor);
diff --git a/test/js/samples/deconflict-builtins/expected.js b/test/js/samples/deconflict-builtins/expected.js
index 8c9bb83b5be..7e5263e8b34 100644
--- a/test/js/samples/deconflict-builtins/expected.js
+++ b/test/js/samples/deconflict-builtins/expected.js
@@ -63,7 +63,9 @@ function create_fragment(ctx) {
 		},
 		m(target, anchor) {
 			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(target, anchor);
+				if (each_blocks[i]) {
+					each_blocks[i].m(target, anchor);
+				}
 			}
 
 			insert(target, each_1_anchor, anchor);
diff --git a/test/js/samples/dev-warning-missing-data-computed/expected.js b/test/js/samples/dev-warning-missing-data-computed/expected.js
index 5e10ec55f83..a94cf7b5f29 100644
--- a/test/js/samples/dev-warning-missing-data-computed/expected.js
+++ b/test/js/samples/dev-warning-missing-data-computed/expected.js
@@ -69,6 +69,13 @@ function instance($$self, $$props, $$invalidate) {
 	validate_slots('Component', slots, []);
 	let { foo } = $$props;
 	let bar;
+
+	$$self.$$.on_mount.push(function () {
+		if (foo === undefined && !('foo' in $$props || $$self.$$.bound[$$self.$$.props['foo']])) {
+			console.warn("<Component> was created without expected prop 'foo'");
+		}
+	});
+
 	const writable_props = ['foo'];
 
 	Object.keys($$props).forEach(key => {
@@ -110,13 +117,6 @@ class Component extends SvelteComponentDev {
 			options,
 			id: create_fragment.name
 		});
-
-		const { ctx } = this.$$;
-		const props = options.props || {};
-
-		if (/*foo*/ ctx[0] === undefined && !('foo' in props)) {
-			console.warn("<Component> was created without expected prop 'foo'");
-		}
 	}
 
 	get foo() {
diff --git a/test/js/samples/each-block-array-literal/expected.js b/test/js/samples/each-block-array-literal/expected.js
index bb5a04e952d..575cf1bba70 100644
--- a/test/js/samples/each-block-array-literal/expected.js
+++ b/test/js/samples/each-block-array-literal/expected.js
@@ -63,7 +63,9 @@ function create_fragment(ctx) {
 		},
 		m(target, anchor) {
 			for (let i = 0; i < 5; i += 1) {
-				each_blocks[i].m(target, anchor);
+				if (each_blocks[i]) {
+					each_blocks[i].m(target, anchor);
+				}
 			}
 
 			insert(target, each_1_anchor, anchor);
diff --git a/test/js/samples/each-block-changed-check/expected.js b/test/js/samples/each-block-changed-check/expected.js
index e91f77ecd84..9e69dffd544 100644
--- a/test/js/samples/each-block-changed-check/expected.js
+++ b/test/js/samples/each-block-changed-check/expected.js
@@ -104,7 +104,9 @@ function create_fragment(ctx) {
 		},
 		m(target, anchor) {
 			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(target, anchor);
+				if (each_blocks[i]) {
+					each_blocks[i].m(target, anchor);
+				}
 			}
 
 			insert(target, t0, anchor);
@@ -170,4 +172,4 @@ class Component extends SvelteComponent {
 	}
 }
 
-export default Component;
+export default Component;
\ No newline at end of file
diff --git a/test/js/samples/each-block-keyed-animated/expected.js b/test/js/samples/each-block-keyed-animated/expected.js
index 6f7c22a086f..7edfa77b181 100644
--- a/test/js/samples/each-block-keyed-animated/expected.js
+++ b/test/js/samples/each-block-keyed-animated/expected.js
@@ -87,7 +87,9 @@ function create_fragment(ctx) {
 		},
 		m(target, anchor) {
 			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(target, anchor);
+				if (each_blocks[i]) {
+					each_blocks[i].m(target, anchor);
+				}
 			}
 
 			insert(target, each_1_anchor, anchor);
diff --git a/test/js/samples/each-block-keyed/expected.js b/test/js/samples/each-block-keyed/expected.js
index a275697d8e6..a6357cbf77e 100644
--- a/test/js/samples/each-block-keyed/expected.js
+++ b/test/js/samples/each-block-keyed/expected.js
@@ -72,7 +72,9 @@ function create_fragment(ctx) {
 		},
 		m(target, anchor) {
 			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(target, anchor);
+				if (each_blocks[i]) {
+					each_blocks[i].m(target, anchor);
+				}
 			}
 
 			insert(target, each_1_anchor, anchor);
diff --git a/test/js/samples/event-modifiers/expected.js b/test/js/samples/event-modifiers/expected.js
index 3901753661d..5b75ff11928 100644
--- a/test/js/samples/event-modifiers/expected.js
+++ b/test/js/samples/event-modifiers/expected.js
@@ -12,6 +12,7 @@ import {
 	run_all,
 	safe_not_equal,
 	space,
+	stop_immediate_propagation,
 	stop_propagation
 } from "svelte/internal";
 
@@ -24,6 +25,8 @@ function create_fragment(ctx) {
 	let button1;
 	let t5;
 	let button2;
+	let t7;
+	let button3;
 	let mounted;
 	let dispose;
 
@@ -41,6 +44,9 @@ function create_fragment(ctx) {
 			t5 = space();
 			button2 = element("button");
 			button2.textContent = "or me!";
+			t7 = space();
+			button3 = element("button");
+			button3.textContent = "or me!";
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);
@@ -51,6 +57,8 @@ function create_fragment(ctx) {
 			append(div1, button1);
 			append(div1, t5);
 			append(div1, button2);
+			append(div1, t7);
+			append(div1, button3);
 
 			if (!mounted) {
 				dispose = [
@@ -58,6 +66,8 @@ function create_fragment(ctx) {
 					listen(button0, "click", stop_propagation(prevent_default(handleClick))),
 					listen(button1, "click", handleClick, { once: true, capture: true }),
 					listen(button2, "click", handleClick, true),
+					listen(button3, "click", stop_immediate_propagation(handleClick)),
+					listen(button3, "click", handleTouchstart),
 					listen(div1, "touchstart", handleTouchstart, { passive: true })
 				];
 
diff --git a/test/js/samples/event-modifiers/input.svelte b/test/js/samples/event-modifiers/input.svelte
index c72d58dabb7..f36ebd90ef6 100644
--- a/test/js/samples/event-modifiers/input.svelte
+++ b/test/js/samples/event-modifiers/input.svelte
@@ -13,4 +13,9 @@
 	<button on:click|stopPropagation|preventDefault={handleClick}>click me</button>
 	<button on:click|once|capture={handleClick}>or me</button>
 	<button on:click|capture={handleClick}>or me!</button>
+	<button
+		on:click|stopImmediatePropagation={handleClick}
+		on:click={handleTouchstart}>
+		or me!
+	</button>
 </div>
\ No newline at end of file
diff --git a/test/js/samples/media-bindings/expected.js b/test/js/samples/media-bindings/expected.js
index 5005eb47d1e..8320d92b2a5 100644
--- a/test/js/samples/media-bindings/expected.js
+++ b/test/js/samples/media-bindings/expected.js
@@ -30,18 +30,19 @@ function create_fragment(ctx) {
 			audio_updating = true;
 		}
 
-		/*audio_timeupdate_handler*/ ctx[13].call(audio);
+		/*audio_timeupdate_handler*/ ctx[14].call(audio);
 	}
 
 	return {
 		c() {
 			audio = element("audio");
-			if (/*buffered*/ ctx[0] === void 0) add_render_callback(() => /*audio_progress_handler*/ ctx[11].call(audio));
-			if (/*buffered*/ ctx[0] === void 0 || /*seekable*/ ctx[1] === void 0) add_render_callback(() => /*audio_loadedmetadata_handler*/ ctx[12].call(audio));
+			if (/*buffered*/ ctx[0] === void 0) add_render_callback(() => /*audio_progress_handler*/ ctx[12].call(audio));
+			if (/*buffered*/ ctx[0] === void 0 || /*seekable*/ ctx[1] === void 0) add_render_callback(() => /*audio_loadedmetadata_handler*/ ctx[13].call(audio));
 			if (/*played*/ ctx[2] === void 0 || /*currentTime*/ ctx[3] === void 0 || /*ended*/ ctx[10] === void 0) add_render_callback(audio_timeupdate_handler);
-			if (/*duration*/ ctx[4] === void 0) add_render_callback(() => /*audio_durationchange_handler*/ ctx[14].call(audio));
-			if (/*seeking*/ ctx[9] === void 0) add_render_callback(() => /*audio_seeking_seeked_handler*/ ctx[18].call(audio));
-			if (/*ended*/ ctx[10] === void 0) add_render_callback(() => /*audio_ended_handler*/ ctx[19].call(audio));
+			if (/*duration*/ ctx[4] === void 0) add_render_callback(() => /*audio_durationchange_handler*/ ctx[15].call(audio));
+			if (/*seeking*/ ctx[9] === void 0) add_render_callback(() => /*audio_seeking_seeked_handler*/ ctx[19].call(audio));
+			if (/*ended*/ ctx[10] === void 0) add_render_callback(() => /*audio_ended_handler*/ ctx[20].call(audio));
+			if (/*readyState*/ ctx[11] === void 0) add_render_callback(() => /*audio_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[21].call(audio));
 		},
 		m(target, anchor) {
 			insert(target, audio, anchor);
@@ -58,17 +59,24 @@ function create_fragment(ctx) {
 
 			if (!mounted) {
 				dispose = [
-					listen(audio, "progress", /*audio_progress_handler*/ ctx[11]),
-					listen(audio, "loadedmetadata", /*audio_loadedmetadata_handler*/ ctx[12]),
+					listen(audio, "progress", /*audio_progress_handler*/ ctx[12]),
+					listen(audio, "loadedmetadata", /*audio_loadedmetadata_handler*/ ctx[13]),
 					listen(audio, "timeupdate", audio_timeupdate_handler),
-					listen(audio, "durationchange", /*audio_durationchange_handler*/ ctx[14]),
-					listen(audio, "play", /*audio_play_pause_handler*/ ctx[15]),
-					listen(audio, "pause", /*audio_play_pause_handler*/ ctx[15]),
-					listen(audio, "volumechange", /*audio_volumechange_handler*/ ctx[16]),
-					listen(audio, "ratechange", /*audio_ratechange_handler*/ ctx[17]),
-					listen(audio, "seeking", /*audio_seeking_seeked_handler*/ ctx[18]),
-					listen(audio, "seeked", /*audio_seeking_seeked_handler*/ ctx[18]),
-					listen(audio, "ended", /*audio_ended_handler*/ ctx[19])
+					listen(audio, "durationchange", /*audio_durationchange_handler*/ ctx[15]),
+					listen(audio, "play", /*audio_play_pause_handler*/ ctx[16]),
+					listen(audio, "pause", /*audio_play_pause_handler*/ ctx[16]),
+					listen(audio, "volumechange", /*audio_volumechange_handler*/ ctx[17]),
+					listen(audio, "ratechange", /*audio_ratechange_handler*/ ctx[18]),
+					listen(audio, "seeking", /*audio_seeking_seeked_handler*/ ctx[19]),
+					listen(audio, "seeked", /*audio_seeking_seeked_handler*/ ctx[19]),
+					listen(audio, "ended", /*audio_ended_handler*/ ctx[20]),
+					listen(audio, "loadedmetadata", /*audio_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[21]),
+					listen(audio, "loadeddata", /*audio_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[21]),
+					listen(audio, "canplay", /*audio_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[21]),
+					listen(audio, "canplaythrough", /*audio_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[21]),
+					listen(audio, "playing", /*audio_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[21]),
+					listen(audio, "waiting", /*audio_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[21]),
+					listen(audio, "emptied", /*audio_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[21])
 				];
 
 				mounted = true;
@@ -119,6 +127,7 @@ function instance($$self, $$props, $$invalidate) {
 	let { playbackRate } = $$props;
 	let { seeking } = $$props;
 	let { ended } = $$props;
+	let { readyState } = $$props;
 
 	function audio_progress_handler() {
 		buffered = time_ranges_to_array(this.buffered);
@@ -173,6 +182,11 @@ function instance($$self, $$props, $$invalidate) {
 		$$invalidate(10, ended);
 	}
 
+	function audio_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler() {
+		readyState = this.readyState;
+		$$invalidate(11, readyState);
+	}
+
 	$$self.$$set = $$props => {
 		if ('buffered' in $$props) $$invalidate(0, buffered = $$props.buffered);
 		if ('seekable' in $$props) $$invalidate(1, seekable = $$props.seekable);
@@ -185,6 +199,7 @@ function instance($$self, $$props, $$invalidate) {
 		if ('playbackRate' in $$props) $$invalidate(8, playbackRate = $$props.playbackRate);
 		if ('seeking' in $$props) $$invalidate(9, seeking = $$props.seeking);
 		if ('ended' in $$props) $$invalidate(10, ended = $$props.ended);
+		if ('readyState' in $$props) $$invalidate(11, readyState = $$props.readyState);
 	};
 
 	return [
@@ -199,6 +214,7 @@ function instance($$self, $$props, $$invalidate) {
 		playbackRate,
 		seeking,
 		ended,
+		readyState,
 		audio_progress_handler,
 		audio_loadedmetadata_handler,
 		audio_timeupdate_handler,
@@ -207,7 +223,8 @@ function instance($$self, $$props, $$invalidate) {
 		audio_volumechange_handler,
 		audio_ratechange_handler,
 		audio_seeking_seeked_handler,
-		audio_ended_handler
+		audio_ended_handler,
+		audio_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler
 	];
 }
 
@@ -226,9 +243,10 @@ class Component extends SvelteComponent {
 			muted: 7,
 			playbackRate: 8,
 			seeking: 9,
-			ended: 10
+			ended: 10,
+			readyState: 11
 		});
 	}
 }
 
-export default Component;
\ No newline at end of file
+export default Component;
diff --git a/test/js/samples/media-bindings/input.svelte b/test/js/samples/media-bindings/input.svelte
index 7c1afcf6149..a1dd10dcaee 100644
--- a/test/js/samples/media-bindings/input.svelte
+++ b/test/js/samples/media-bindings/input.svelte
@@ -10,6 +10,7 @@
 	export let playbackRate;
 	export let seeking;
 	export let ended;
+	export let readyState;
 </script>
 
-<audio bind:buffered bind:seekable bind:played bind:currentTime bind:duration bind:paused bind:volume bind:muted bind:playbackRate bind:seeking bind:ended/>
+<audio bind:buffered bind:seekable bind:played bind:currentTime bind:duration bind:paused bind:volume bind:muted bind:playbackRate bind:seeking bind:ended bind:readyState/>
diff --git a/test/js/samples/natural-dimension-binding/expected.js b/test/js/samples/natural-dimension-binding/expected.js
new file mode 100644
index 00000000000..3920c61009b
--- /dev/null
+++ b/test/js/samples/natural-dimension-binding/expected.js
@@ -0,0 +1,95 @@
+/* generated by Svelte vX.Y.Z */
+import {
+	SvelteComponent,
+	add_render_callback,
+	attr,
+	detach,
+	element,
+	init,
+	insert,
+	listen,
+	noop,
+	safe_not_equal,
+	set_data,
+	space,
+	src_url_equal,
+	text
+} from "svelte/internal";
+
+function create_fragment(ctx) {
+	let img;
+	let img_src_value;
+	let t0;
+	let t1;
+	let t2;
+	let t3;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			img = element("img");
+			t0 = space();
+			t1 = text(/*naturalWidth*/ ctx[0]);
+			t2 = text(" x ");
+			t3 = text(/*naturalHeight*/ ctx[1]);
+			if (!src_url_equal(img.src, img_src_value = "something.jpg")) attr(img, "src", img_src_value);
+			if (/*naturalWidth*/ ctx[0] === void 0 || /*naturalHeight*/ ctx[1] === void 0) add_render_callback(() => /*img_load_handler*/ ctx[2].call(img));
+		},
+		m(target, anchor) {
+			insert(target, img, anchor);
+			insert(target, t0, anchor);
+			insert(target, t1, anchor);
+			insert(target, t2, anchor);
+			insert(target, t3, anchor);
+
+			if (!mounted) {
+				dispose = listen(img, "load", /*img_load_handler*/ ctx[2]);
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*naturalWidth*/ 1) set_data(t1, /*naturalWidth*/ ctx[0]);
+			if (dirty & /*naturalHeight*/ 2) set_data(t3, /*naturalHeight*/ ctx[1]);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(img);
+			if (detaching) detach(t0);
+			if (detaching) detach(t1);
+			if (detaching) detach(t2);
+			if (detaching) detach(t3);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { naturalWidth = 0 } = $$props;
+	let { naturalHeight = 0 } = $$props;
+
+	function img_load_handler() {
+		naturalWidth = this.naturalWidth;
+		naturalHeight = this.naturalHeight;
+		$$invalidate(0, naturalWidth);
+		$$invalidate(1, naturalHeight);
+	}
+
+	$$self.$$set = $$props => {
+		if ('naturalWidth' in $$props) $$invalidate(0, naturalWidth = $$props.naturalWidth);
+		if ('naturalHeight' in $$props) $$invalidate(1, naturalHeight = $$props.naturalHeight);
+	};
+
+	return [naturalWidth, naturalHeight, img_load_handler];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { naturalWidth: 0, naturalHeight: 1 });
+	}
+}
+
+export default Component;
\ No newline at end of file
diff --git a/test/js/samples/natural-dimension-binding/input.svelte b/test/js/samples/natural-dimension-binding/input.svelte
new file mode 100644
index 00000000000..67a7a947fa3
--- /dev/null
+++ b/test/js/samples/natural-dimension-binding/input.svelte
@@ -0,0 +1,8 @@
+<script>
+  export let naturalWidth = 0;
+  export let naturalHeight = 0;
+</script>
+
+<img src="something.jpg" bind:naturalWidth bind:naturalHeight>
+
+{naturalWidth} x {naturalHeight}
diff --git a/test/js/samples/reactive-class-optimized/expected.js b/test/js/samples/reactive-class-optimized/expected.js
index 1d0606ad60a..f75a4015b0e 100644
--- a/test/js/samples/reactive-class-optimized/expected.js
+++ b/test/js/samples/reactive-class-optimized/expected.js
@@ -9,7 +9,6 @@ import {
 	noop,
 	safe_not_equal,
 	space,
-	subscribe,
 	toggle_class
 } from "svelte/internal";
 
@@ -133,13 +132,8 @@ let reactiveModuleVar = Math.random();
 function instance($$self, $$props, $$invalidate) {
 	let reactiveDeclaration;
 	let $reactiveStoreVal;
-
-	let $reactiveDeclaration,
-		$$unsubscribe_reactiveDeclaration = noop,
-		$$subscribe_reactiveDeclaration = () => ($$unsubscribe_reactiveDeclaration(), $$unsubscribe_reactiveDeclaration = subscribe(reactiveDeclaration, $$value => $$invalidate(3, $reactiveDeclaration = $$value)), reactiveDeclaration);
-
+	let $reactiveDeclaration;
 	component_subscribe($$self, reactiveStoreVal, $$value => $$invalidate(2, $reactiveStoreVal = $$value));
-	$$self.$$.on_destroy.push(() => $$unsubscribe_reactiveDeclaration());
 	nonReactiveGlobal = Math.random();
 	const reactiveConst = { x: Math.random() };
 	reactiveModuleVar += 1;
@@ -148,7 +142,8 @@ function instance($$self, $$props, $$invalidate) {
 		reactiveConst.x += 1;
 	}
 
-	$: $$subscribe_reactiveDeclaration($$invalidate(1, reactiveDeclaration = reactiveModuleVar * 2));
+	$: reactiveDeclaration = reactiveModuleVar * 2;
+	component_subscribe($$self, reactiveDeclaration, $$value => $$invalidate(3, $reactiveDeclaration = $$value));
 	return [reactiveConst, reactiveDeclaration, $reactiveStoreVal, $reactiveDeclaration];
 }
 
diff --git a/test/js/samples/reactive-values/expected.js b/test/js/samples/reactive-values/expected.js
new file mode 100644
index 00000000000..7ed435d6ad9
--- /dev/null
+++ b/test/js/samples/reactive-values/expected.js
@@ -0,0 +1,60 @@
+/* generated by Svelte vX.Y.Z */
+import {
+	SvelteComponent,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_data,
+	space,
+	text
+} from "svelte/internal";
+
+function create_fragment(ctx) {
+	let h1;
+	let t3;
+	let t4;
+
+	return {
+		c() {
+			h1 = element("h1");
+			h1.textContent = `Hello ${name}!`;
+			t3 = space();
+			t4 = text(/*foo*/ ctx[0]);
+		},
+		m(target, anchor) {
+			insert(target, h1, anchor);
+			insert(target, t3, anchor);
+			insert(target, t4, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*foo*/ 1) set_data(t4, /*foo*/ ctx[0]);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(h1);
+			if (detaching) detach(t3);
+			if (detaching) detach(t4);
+		}
+	};
+}
+
+let name = 'world';
+
+function instance($$self) {
+	let foo;
+	$: foo = name + name;
+	return [foo];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, {});
+	}
+}
+
+export default Component;
\ No newline at end of file
diff --git a/test/js/samples/reactive-values/input.svelte b/test/js/samples/reactive-values/input.svelte
new file mode 100644
index 00000000000..d7132177712
--- /dev/null
+++ b/test/js/samples/reactive-values/input.svelte
@@ -0,0 +1,7 @@
+<script>
+	let name = 'world';
+	$: foo = name + name;
+</script>
+
+<h1>Hello {name}!</h1>
+{foo}
\ No newline at end of file
diff --git a/test/js/samples/svelte-element-event-handlers/expected.js b/test/js/samples/svelte-element-event-handlers/expected.js
new file mode 100644
index 00000000000..944a04f180f
--- /dev/null
+++ b/test/js/samples/svelte-element-event-handlers/expected.js
@@ -0,0 +1,107 @@
+/* generated by Svelte vX.Y.Z */
+import {
+	SvelteComponent,
+	append,
+	bubble,
+	detach,
+	element,
+	init,
+	insert,
+	listen,
+	noop,
+	run_all,
+	safe_not_equal,
+	set_dynamic_element_data
+} from "svelte/internal";
+
+function create_dynamic_element(ctx) {
+	let svelte_element1;
+	let svelte_element0;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			svelte_element1 = element(a);
+			svelte_element0 = element(span);
+			set_dynamic_element_data(span)(svelte_element0, { class: "inner" });
+			set_dynamic_element_data(a)(svelte_element1, { class: "outer" });
+		},
+		m(target, anchor) {
+			insert(target, svelte_element1, anchor);
+			append(svelte_element1, svelte_element0);
+
+			if (!mounted) {
+				dispose = [
+					listen(svelte_element0, "keydown", /*keydown_handler_1*/ ctx[2]),
+					listen(svelte_element0, "keyup", /*keyup_handler_1*/ ctx[3]),
+					listen(svelte_element1, "keydown", /*keydown_handler*/ ctx[0]),
+					listen(svelte_element1, "keyup", /*keyup_handler*/ ctx[1])
+				];
+
+				mounted = true;
+			}
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(svelte_element1);
+			mounted = false;
+			run_all(dispose);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let svelte_element = a && create_dynamic_element(ctx);
+
+	return {
+		c() {
+			if (svelte_element) svelte_element.c();
+		},
+		m(target, anchor) {
+			if (svelte_element) svelte_element.m(target, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (a) {
+				svelte_element.p(ctx, dirty);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (svelte_element) svelte_element.d(detaching);
+		}
+	};
+}
+
+const a = 'a';
+const span = 'span';
+
+function instance($$self) {
+	function keydown_handler(event) {
+		bubble.call(this, $$self, event);
+	}
+
+	function keyup_handler(event) {
+		bubble.call(this, $$self, event);
+	}
+
+	function keydown_handler_1(event) {
+		bubble.call(this, $$self, event);
+	}
+
+	function keyup_handler_1(event) {
+		bubble.call(this, $$self, event);
+	}
+
+	return [keydown_handler, keyup_handler, keydown_handler_1, keyup_handler_1];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, {});
+	}
+}
+
+export default Component;
\ No newline at end of file
diff --git a/test/js/samples/svelte-element-event-handlers/input.svelte b/test/js/samples/svelte-element-event-handlers/input.svelte
new file mode 100644
index 00000000000..3a7b0f98008
--- /dev/null
+++ b/test/js/samples/svelte-element-event-handlers/input.svelte
@@ -0,0 +1,8 @@
+<script>
+	const a = 'a';
+	const span = 'span';
+</script>
+
+<svelte:element this={a} class='outer' on:keydown on:keyup>
+	<svelte:element this={span} class='inner' on:keydown on:keyup />
+</svelte:element>
diff --git a/test/js/samples/svelte-element-static/expected.js b/test/js/samples/svelte-element-static/expected.js
new file mode 100644
index 00000000000..68d895db3cc
--- /dev/null
+++ b/test/js/samples/svelte-element-static/expected.js
@@ -0,0 +1,41 @@
+/* generated by Svelte vX.Y.Z */
+import {
+	SvelteComponent,
+	attr,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal
+} from "svelte/internal";
+
+function create_fragment(ctx) {
+	let a;
+
+	return {
+		c() {
+			a = element("a");
+			a.innerHTML = `<span class="inner"></span>`;
+			attr(a, "class", "outer");
+		},
+		m(target, anchor) {
+			insert(target, a, anchor);
+		},
+		p: noop,
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(a);
+		}
+	};
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, null, create_fragment, safe_not_equal, {});
+	}
+}
+
+export default Component;
\ No newline at end of file
diff --git a/test/js/samples/svelte-element-static/input.svelte b/test/js/samples/svelte-element-static/input.svelte
new file mode 100644
index 00000000000..4893d49847a
--- /dev/null
+++ b/test/js/samples/svelte-element-static/input.svelte
@@ -0,0 +1,3 @@
+<svelte:element this='a' class='outer'>
+	<svelte:element this='span' class='inner' />
+</svelte:element>
diff --git a/test/js/samples/svelte-element-svg/expected.js b/test/js/samples/svelte-element-svg/expected.js
new file mode 100644
index 00000000000..550b55592d3
--- /dev/null
+++ b/test/js/samples/svelte-element-svg/expected.js
@@ -0,0 +1,71 @@
+/* generated by Svelte vX.Y.Z */
+import {
+	SvelteComponent,
+	append,
+	detach,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_svg_attributes,
+	svg_element
+} from "svelte/internal";
+
+function create_dynamic_element(ctx) {
+	let svelte_element1;
+	let svelte_element0;
+
+	return {
+		c() {
+			svelte_element1 = svg_element(/*tag*/ ctx[0].svg);
+			svelte_element0 = svg_element(/*tag*/ ctx[0].path);
+			set_svg_attributes(svelte_element0, { xmlns: "http://www.w3.org/2000/svg" });
+			set_svg_attributes(svelte_element1, { xmlns: "http://www.w3.org/2000/svg" });
+		},
+		m(target, anchor) {
+			insert(target, svelte_element1, anchor);
+			append(svelte_element1, svelte_element0);
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(svelte_element1);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let svelte_element = /*tag*/ ctx[0].svg && create_dynamic_element(ctx);
+
+	return {
+		c() {
+			if (svelte_element) svelte_element.c();
+		},
+		m(target, anchor) {
+			if (svelte_element) svelte_element.m(target, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (/*tag*/ ctx[0].svg) {
+				svelte_element.p(ctx, dirty);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (svelte_element) svelte_element.d(detaching);
+		}
+	};
+}
+
+function instance($$self) {
+	const tag = { svg: 'svg', path: 'path' };
+	return [tag];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, {});
+	}
+}
+
+export default Component;
\ No newline at end of file
diff --git a/test/js/samples/svelte-element-svg/input.svelte b/test/js/samples/svelte-element-svg/input.svelte
new file mode 100644
index 00000000000..111c0183c67
--- /dev/null
+++ b/test/js/samples/svelte-element-svg/input.svelte
@@ -0,0 +1,7 @@
+<script>
+	const tag = { svg: 'svg', path: 'path' };
+</script>
+
+<svelte:element this={tag.svg} xmlns="http://www.w3.org/2000/svg">
+	<svelte:element this={tag.path} xmlns="http://www.w3.org/2000/svg" />
+</svelte:element>
diff --git a/test/js/samples/svelte-element/expected.js b/test/js/samples/svelte-element/expected.js
new file mode 100644
index 00000000000..ae26744a3a4
--- /dev/null
+++ b/test/js/samples/svelte-element/expected.js
@@ -0,0 +1,244 @@
+/* generated by Svelte vX.Y.Z */
+import {
+	SvelteComponent,
+	assign,
+	detach,
+	element,
+	empty,
+	get_spread_update,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_dynamic_element_data,
+	space,
+	toggle_class
+} from "svelte/internal";
+
+function create_dynamic_element_3(ctx) {
+	let svelte_element;
+
+	return {
+		c() {
+			svelte_element = element(static_value);
+			set_dynamic_element_data(static_value)(svelte_element, { static_value, ...static_obj });
+			toggle_class(svelte_element, "foo", static_value);
+		},
+		m(target, anchor) {
+			insert(target, svelte_element, anchor);
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(svelte_element);
+		}
+	};
+}
+
+// (10:0) <svelte:element this={dynamic_value} {static_value} {...static_obj} class:foo={static_value} />
+function create_dynamic_element_2(ctx) {
+	let svelte_element;
+
+	return {
+		c() {
+			svelte_element = element(/*dynamic_value*/ ctx[0]);
+			set_dynamic_element_data(/*dynamic_value*/ ctx[0])(svelte_element, { static_value, ...static_obj });
+			toggle_class(svelte_element, "foo", static_value);
+		},
+		m(target, anchor) {
+			insert(target, svelte_element, anchor);
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(svelte_element);
+		}
+	};
+}
+
+// (12:0) <svelte:element this={static_value} {dynamic_value} {...dynamic_obj} class:foo={dynamic_value} />
+function create_dynamic_element_1(ctx) {
+	let svelte_element;
+	let svelte_element_levels = [{ dynamic_value: /*dynamic_value*/ ctx[0] }, /*dynamic_obj*/ ctx[1]];
+	let svelte_element_data = {};
+
+	for (let i = 0; i < svelte_element_levels.length; i += 1) {
+		svelte_element_data = assign(svelte_element_data, svelte_element_levels[i]);
+	}
+
+	return {
+		c() {
+			svelte_element = element(static_value);
+			set_dynamic_element_data(static_value)(svelte_element, svelte_element_data);
+			toggle_class(svelte_element, "foo", /*dynamic_value*/ ctx[0]);
+		},
+		m(target, anchor) {
+			insert(target, svelte_element, anchor);
+		},
+		p(ctx, dirty) {
+			set_dynamic_element_data(static_value)(svelte_element, svelte_element_data = get_spread_update(svelte_element_levels, [
+				dirty & /*dynamic_value*/ 1 && { dynamic_value: /*dynamic_value*/ ctx[0] },
+				dirty & /*dynamic_obj*/ 2 && /*dynamic_obj*/ ctx[1]
+			]));
+
+			toggle_class(svelte_element, "foo", /*dynamic_value*/ ctx[0]);
+		},
+		d(detaching) {
+			if (detaching) detach(svelte_element);
+		}
+	};
+}
+
+// (14:0) <svelte:element this={dynamic_value} {dynamic_value} {...dynamic_obj} class:foo={dynamic_value} />
+function create_dynamic_element(ctx) {
+	let svelte_element;
+	let svelte_element_levels = [{ dynamic_value: /*dynamic_value*/ ctx[0] }, /*dynamic_obj*/ ctx[1]];
+	let svelte_element_data = {};
+
+	for (let i = 0; i < svelte_element_levels.length; i += 1) {
+		svelte_element_data = assign(svelte_element_data, svelte_element_levels[i]);
+	}
+
+	return {
+		c() {
+			svelte_element = element(/*dynamic_value*/ ctx[0]);
+			set_dynamic_element_data(/*dynamic_value*/ ctx[0])(svelte_element, svelte_element_data);
+			toggle_class(svelte_element, "foo", /*dynamic_value*/ ctx[0]);
+		},
+		m(target, anchor) {
+			insert(target, svelte_element, anchor);
+		},
+		p(ctx, dirty) {
+			set_dynamic_element_data(/*dynamic_value*/ ctx[0])(svelte_element, svelte_element_data = get_spread_update(svelte_element_levels, [
+				dirty & /*dynamic_value*/ 1 && { dynamic_value: /*dynamic_value*/ ctx[0] },
+				dirty & /*dynamic_obj*/ 2 && /*dynamic_obj*/ ctx[1]
+			]));
+
+			toggle_class(svelte_element, "foo", /*dynamic_value*/ ctx[0]);
+		},
+		d(detaching) {
+			if (detaching) detach(svelte_element);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let t0;
+	let previous_tag = /*dynamic_value*/ ctx[0];
+	let t1;
+	let t2;
+	let previous_tag_1 = /*dynamic_value*/ ctx[0];
+	let svelte_element3_anchor;
+	let svelte_element0 = static_value && create_dynamic_element_3(ctx);
+	let svelte_element1 = /*dynamic_value*/ ctx[0] && create_dynamic_element_2(ctx);
+	let svelte_element2 = static_value && create_dynamic_element_1(ctx);
+	let svelte_element3 = /*dynamic_value*/ ctx[0] && create_dynamic_element(ctx);
+
+	return {
+		c() {
+			if (svelte_element0) svelte_element0.c();
+			t0 = space();
+			if (svelte_element1) svelte_element1.c();
+			t1 = space();
+			if (svelte_element2) svelte_element2.c();
+			t2 = space();
+			if (svelte_element3) svelte_element3.c();
+			svelte_element3_anchor = empty();
+		},
+		m(target, anchor) {
+			if (svelte_element0) svelte_element0.m(target, anchor);
+			insert(target, t0, anchor);
+			if (svelte_element1) svelte_element1.m(target, anchor);
+			insert(target, t1, anchor);
+			if (svelte_element2) svelte_element2.m(target, anchor);
+			insert(target, t2, anchor);
+			if (svelte_element3) svelte_element3.m(target, anchor);
+			insert(target, svelte_element3_anchor, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (static_value) {
+				svelte_element0.p(ctx, dirty);
+			}
+
+			if (/*dynamic_value*/ ctx[0]) {
+				if (!previous_tag) {
+					svelte_element1 = create_dynamic_element_2(ctx);
+					previous_tag = /*dynamic_value*/ ctx[0];
+					svelte_element1.c();
+					svelte_element1.m(t1.parentNode, t1);
+				} else if (safe_not_equal(previous_tag, /*dynamic_value*/ ctx[0])) {
+					svelte_element1.d(1);
+					svelte_element1 = create_dynamic_element_2(ctx);
+					previous_tag = /*dynamic_value*/ ctx[0];
+					svelte_element1.c();
+					svelte_element1.m(t1.parentNode, t1);
+				} else {
+					svelte_element1.p(ctx, dirty);
+				}
+			} else if (previous_tag) {
+				svelte_element1.d(1);
+				svelte_element1 = null;
+				previous_tag = /*dynamic_value*/ ctx[0];
+			}
+
+			if (static_value) {
+				svelte_element2.p(ctx, dirty);
+			}
+
+			if (/*dynamic_value*/ ctx[0]) {
+				if (!previous_tag_1) {
+					svelte_element3 = create_dynamic_element(ctx);
+					previous_tag_1 = /*dynamic_value*/ ctx[0];
+					svelte_element3.c();
+					svelte_element3.m(svelte_element3_anchor.parentNode, svelte_element3_anchor);
+				} else if (safe_not_equal(previous_tag_1, /*dynamic_value*/ ctx[0])) {
+					svelte_element3.d(1);
+					svelte_element3 = create_dynamic_element(ctx);
+					previous_tag_1 = /*dynamic_value*/ ctx[0];
+					svelte_element3.c();
+					svelte_element3.m(svelte_element3_anchor.parentNode, svelte_element3_anchor);
+				} else {
+					svelte_element3.p(ctx, dirty);
+				}
+			} else if (previous_tag_1) {
+				svelte_element3.d(1);
+				svelte_element3 = null;
+				previous_tag_1 = /*dynamic_value*/ ctx[0];
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (svelte_element0) svelte_element0.d(detaching);
+			if (detaching) detach(t0);
+			if (svelte_element1) svelte_element1.d(detaching);
+			if (detaching) detach(t1);
+			if (svelte_element2) svelte_element2.d(detaching);
+			if (detaching) detach(t2);
+			if (detaching) detach(svelte_element3_anchor);
+			if (svelte_element3) svelte_element3.d(detaching);
+		}
+	};
+}
+
+let static_value = 'a';
+
+function instance($$self, $$props, $$invalidate) {
+	let { dynamic_value } = $$props;
+	let { dynamic_obj } = $$props;
+	let static_obj = {};
+
+	$$self.$$set = $$props => {
+		if ('dynamic_value' in $$props) $$invalidate(0, dynamic_value = $$props.dynamic_value);
+		if ('dynamic_obj' in $$props) $$invalidate(1, dynamic_obj = $$props.dynamic_obj);
+	};
+
+	return [dynamic_value, dynamic_obj, static_obj];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { dynamic_value: 0, dynamic_obj: 1 });
+	}
+}
+
+export default Component;
\ No newline at end of file
diff --git a/test/js/samples/svelte-element/input.svelte b/test/js/samples/svelte-element/input.svelte
new file mode 100644
index 00000000000..6fa0c65ebc4
--- /dev/null
+++ b/test/js/samples/svelte-element/input.svelte
@@ -0,0 +1,14 @@
+<script>
+	export let dynamic_value;
+	export let dynamic_obj;
+	let static_value = 'a';
+	let static_obj = {};
+</script>
+
+<svelte:element this={static_value} {static_value} {...static_obj} class:foo={static_value} />
+
+<svelte:element this={dynamic_value} {static_value} {...static_obj} class:foo={static_value} />
+
+<svelte:element this={static_value} {dynamic_value} {...dynamic_obj} class:foo={dynamic_value} />
+
+<svelte:element this={dynamic_value} {dynamic_value} {...dynamic_obj} class:foo={dynamic_value} />
diff --git a/test/js/samples/unchanged-expression/expected.js b/test/js/samples/unchanged-expression/expected.js
index 48ae8131ffb..8ede703ceca 100644
--- a/test/js/samples/unchanged-expression/expected.js
+++ b/test/js/samples/unchanged-expression/expected.js
@@ -73,7 +73,7 @@ let world1 = 'world';
 let world2 = 'world';
 
 function instance($$self, $$props, $$invalidate) {
-	const world3 = 'world';
+	let world3 = 'world';
 
 	function foo() {
 		$$invalidate(0, world3 = 'svelte');
diff --git a/test/js/samples/unchanged-expression/input.svelte b/test/js/samples/unchanged-expression/input.svelte
index 057201358ca..35fa8b65d34 100644
--- a/test/js/samples/unchanged-expression/input.svelte
+++ b/test/js/samples/unchanged-expression/input.svelte
@@ -1,7 +1,7 @@
 <script>
   let world1 = 'world';
   let world2 = 'world';
-  const world3 = 'world';
+  let world3 = 'world';
   function foo() {
     world3 = 'svelte';
   }
diff --git a/test/js/samples/video-bindings/expected.js b/test/js/samples/video-bindings/expected.js
index 020bab574c6..fe30240bfce 100644
--- a/test/js/samples/video-bindings/expected.js
+++ b/test/js/samples/video-bindings/expected.js
@@ -30,23 +30,31 @@ function create_fragment(ctx) {
 			video_updating = true;
 		}
 
-		/*video_timeupdate_handler*/ ctx[4].call(video);
+		/*video_timeupdate_handler*/ ctx[5].call(video);
 	}
 
 	return {
 		c() {
 			video = element("video");
-			if (/*videoHeight*/ ctx[1] === void 0 || /*videoWidth*/ ctx[2] === void 0) add_render_callback(() => /*video_resize_handler*/ ctx[5].call(video));
-			add_render_callback(() => /*video_elementresize_handler*/ ctx[6].call(video));
+			if (/*videoHeight*/ ctx[1] === void 0 || /*videoWidth*/ ctx[2] === void 0) add_render_callback(() => /*video_resize_handler*/ ctx[6].call(video));
+			add_render_callback(() => /*video_elementresize_handler*/ ctx[7].call(video));
+			if (/*readyState*/ ctx[4] === void 0) add_render_callback(() => /*video_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[8].call(video));
 		},
 		m(target, anchor) {
 			insert(target, video, anchor);
-			video_resize_listener = add_resize_listener(video, /*video_elementresize_handler*/ ctx[6].bind(video));
+			video_resize_listener = add_resize_listener(video, /*video_elementresize_handler*/ ctx[7].bind(video));
 
 			if (!mounted) {
 				dispose = [
 					listen(video, "timeupdate", video_timeupdate_handler),
-					listen(video, "resize", /*video_resize_handler*/ ctx[5])
+					listen(video, "resize", /*video_resize_handler*/ ctx[6]),
+					listen(video, "loadedmetadata", /*video_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[8]),
+					listen(video, "loadeddata", /*video_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[8]),
+					listen(video, "canplay", /*video_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[8]),
+					listen(video, "canplaythrough", /*video_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[8]),
+					listen(video, "playing", /*video_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[8]),
+					listen(video, "waiting", /*video_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[8]),
+					listen(video, "emptied", /*video_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler*/ ctx[8])
 				];
 
 				mounted = true;
@@ -75,6 +83,7 @@ function instance($$self, $$props, $$invalidate) {
 	let { videoHeight } = $$props;
 	let { videoWidth } = $$props;
 	let { offsetWidth } = $$props;
+	let { readyState } = $$props;
 
 	function video_timeupdate_handler() {
 		currentTime = this.currentTime;
@@ -93,11 +102,17 @@ function instance($$self, $$props, $$invalidate) {
 		$$invalidate(3, offsetWidth);
 	}
 
+	function video_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler() {
+		readyState = this.readyState;
+		$$invalidate(4, readyState);
+	}
+
 	$$self.$$set = $$props => {
 		if ('currentTime' in $$props) $$invalidate(0, currentTime = $$props.currentTime);
 		if ('videoHeight' in $$props) $$invalidate(1, videoHeight = $$props.videoHeight);
 		if ('videoWidth' in $$props) $$invalidate(2, videoWidth = $$props.videoWidth);
 		if ('offsetWidth' in $$props) $$invalidate(3, offsetWidth = $$props.offsetWidth);
+		if ('readyState' in $$props) $$invalidate(4, readyState = $$props.readyState);
 	};
 
 	return [
@@ -105,9 +120,11 @@ function instance($$self, $$props, $$invalidate) {
 		videoHeight,
 		videoWidth,
 		offsetWidth,
+		readyState,
 		video_timeupdate_handler,
 		video_resize_handler,
-		video_elementresize_handler
+		video_elementresize_handler,
+		video_loadedmetadata_loadeddata_canplay_canplaythrough_playing_waiting_emptied_handler
 	];
 }
 
@@ -119,9 +136,10 @@ class Component extends SvelteComponent {
 			currentTime: 0,
 			videoHeight: 1,
 			videoWidth: 2,
-			offsetWidth: 3
+			offsetWidth: 3,
+			readyState: 4
 		});
 	}
 }
 
-export default Component;
\ No newline at end of file
+export default Component;
diff --git a/test/js/samples/video-bindings/input.svelte b/test/js/samples/video-bindings/input.svelte
index e61a2bb9197..dcb4356dbc7 100644
--- a/test/js/samples/video-bindings/input.svelte
+++ b/test/js/samples/video-bindings/input.svelte
@@ -3,6 +3,7 @@
 	export let videoHeight;
 	export let videoWidth;
 	export let offsetWidth;
+	export let readyState;
 </script>
 
-<video bind:currentTime bind:videoHeight bind:videoWidth bind:offsetWidth/>
+<video bind:currentTime bind:videoHeight bind:videoWidth bind:offsetWidth bind:readyState/>
diff --git a/test/parser/samples/attribute-style-directive-modifiers/input.svelte b/test/parser/samples/attribute-style-directive-modifiers/input.svelte
new file mode 100644
index 00000000000..1ec740107da
--- /dev/null
+++ b/test/parser/samples/attribute-style-directive-modifiers/input.svelte
@@ -0,0 +1 @@
+<div style:color|important={myColor}></div>
\ No newline at end of file
diff --git a/test/parser/samples/attribute-style-directive-modifiers/output.json b/test/parser/samples/attribute-style-directive-modifiers/output.json
new file mode 100644
index 00000000000..3c607fb5eab
--- /dev/null
+++ b/test/parser/samples/attribute-style-directive-modifiers/output.json
@@ -0,0 +1,50 @@
+{
+	"html": {
+		"start": 0,
+		"end": 43,
+		"type": "Fragment",
+		"children": [
+			{
+				"start": 0,
+				"end": 43,
+				"type": "Element",
+				"name": "div",
+				"attributes": [
+					{
+						"start": 5,
+						"end": 36,
+						"type": "StyleDirective",
+						"name": "color",
+						"modifiers": [
+							"important"
+						],
+						"value": [
+							{
+								"start": 27,
+								"end": 36,
+								"type": "MustacheTag",
+								"expression": {
+									"type": "Identifier",
+									"start": 28,
+									"end": 35,
+									"loc": {
+										"start": {
+											"line": 1,
+											"column": 28
+										},
+										"end": {
+											"line": 1,
+											"column": 35
+										}
+									},
+									"name": "myColor"
+								}
+							}
+						]
+					}
+				],
+				"children": []
+			}
+		]
+	}
+}
\ No newline at end of file
diff --git a/test/parser/samples/attribute-style-directive-shorthand/output.json b/test/parser/samples/attribute-style-directive-shorthand/output.json
index ac658408e60..80fb4f741fb 100644
--- a/test/parser/samples/attribute-style-directive-shorthand/output.json
+++ b/test/parser/samples/attribute-style-directive-shorthand/output.json
@@ -15,6 +15,7 @@
 						"end": 16,
 						"type": "StyleDirective",
 						"name": "color",
+						"modifiers": [],
 						"value": true
 					}
 				],
@@ -22,4 +23,4 @@
 			}
 		]
 	}
-}
\ No newline at end of file
+}
diff --git a/test/parser/samples/attribute-style-directive-string/output.json b/test/parser/samples/attribute-style-directive-string/output.json
index e81e7be3c9f..505e9333e13 100644
--- a/test/parser/samples/attribute-style-directive-string/output.json
+++ b/test/parser/samples/attribute-style-directive-string/output.json
@@ -15,6 +15,7 @@
 						"end": 22,
 						"type": "StyleDirective",
 						"name": "color",
+						"modifiers": [],
 						"value": [
 							{
 								"start": 18,
@@ -45,6 +46,7 @@
 						"start": 35,
 						"end": 52,
 						"type": "StyleDirective",
+						"modifiers": [],
 						"name": "color",
 						"value": [
 							{
@@ -77,6 +79,7 @@
 						"end": 80,
 						"type": "StyleDirective",
 						"name": "color",
+						"modifiers": [],
 						"value": [
 							{
 								"start": 77,
@@ -108,6 +111,7 @@
 						"end": 120,
 						"type": "StyleDirective",
 						"name": "color",
+						"modifiers": [],
 						"value": [
 							{
 								"start": 106,
@@ -160,6 +164,7 @@
 						"end": 160,
 						"type": "StyleDirective",
 						"name": "color",
+						"modifiers": [],
 						"value": [
 							{
 								"start": 146,
@@ -212,6 +217,7 @@
 						"end": 198,
 						"type": "StyleDirective",
 						"name": "color",
+						"modifiers": [],
 						"value": [
 							{
 								"start": 185,
@@ -264,6 +270,7 @@
 						"end": 245,
 						"type": "StyleDirective",
 						"name": "color",
+						"modifiers": [],
 						"value": [
 							{
 								"start": 223,
@@ -352,4 +359,4 @@
 			}
 		]
 	}
-}
\ No newline at end of file
+}
diff --git a/test/parser/samples/attribute-style-directive/output.json b/test/parser/samples/attribute-style-directive/output.json
index f36ce6b01e6..d80d61bddb8 100644
--- a/test/parser/samples/attribute-style-directive/output.json
+++ b/test/parser/samples/attribute-style-directive/output.json
@@ -15,6 +15,7 @@
 						"end": 26,
 						"type": "StyleDirective",
 						"name": "color",
+						"modifiers": [],
 						"value": [
 							{
 								"start": 17,
diff --git a/test/parser/samples/css-option-none/input.svelte b/test/parser/samples/css-option-none/input.svelte
new file mode 100644
index 00000000000..659c4343f63
--- /dev/null
+++ b/test/parser/samples/css-option-none/input.svelte
@@ -0,0 +1,7 @@
+<div>foo</div>
+
+<style>
+	div {
+		color: red;
+	}
+</style>
diff --git a/test/parser/samples/css-option-none/options.json b/test/parser/samples/css-option-none/options.json
new file mode 100644
index 00000000000..b10d517cc99
--- /dev/null
+++ b/test/parser/samples/css-option-none/options.json
@@ -0,0 +1,3 @@
+{
+	"css": "none"
+}
diff --git a/test/parser/samples/css-option-none/output.json b/test/parser/samples/css-option-none/output.json
new file mode 100644
index 00000000000..ef1f9c9a371
--- /dev/null
+++ b/test/parser/samples/css-option-none/output.json
@@ -0,0 +1,32 @@
+{
+	"html": {
+		"start": 0,
+		"end": 14,
+		"type": "Fragment",
+		"children": [
+			{
+				"start": 0,
+				"end": 14,
+				"type": "Element",
+				"name": "div",
+				"attributes": [],
+				"children": [
+					{
+						"start": 5,
+						"end": 8,
+						"type": "Text",
+						"raw": "foo",
+						"data": "foo"
+					}
+				]
+			},
+			{
+				"start": 14,
+				"end": 16,
+				"type": "Text",
+				"raw": "\n\n",
+				"data": "\n\n"
+			}
+		]
+	}
+}
diff --git a/test/parser/samples/error-css/error.json b/test/parser/samples/error-css/error.json
index 90f7a091d2d..78bea3030cf 100644
--- a/test/parser/samples/error-css/error.json
+++ b/test/parser/samples/error-css/error.json
@@ -1,6 +1,6 @@
 {
 	"code": "css-syntax-error",
-	"message": "LeftCurlyBracket is expected",
+	"message": "\"{\" is expected",
 	"start": {
 		"line": 2,
 		"column": 16,
diff --git a/test/runtime-puppeteer/index.ts b/test/runtime-puppeteer/index.ts
index 8e6f813de48..eba60544f6a 100644
--- a/test/runtime-puppeteer/index.ts
+++ b/test/runtime-puppeteer/index.ts
@@ -77,6 +77,9 @@ describe('runtime (puppeteer)', function() {
 
 	function runTest(dir, hydrate) {
 		if (dir[0] === '.') return;
+		// MEMO: puppeteer can not execute Chromium properly with Node8,10 on Linux at GitHub actions.
+		const { version } = process;
+		if ((version.startsWith('v8.') || version.startsWith('v10.')) && process.platform === 'linux') return;
 
 		const config = loadConfig(`${__dirname}/samples/${dir}/_config.js`);
 		const solo = config.solo || /\.solo/.test(dir);
@@ -117,8 +120,12 @@ describe('runtime (puppeteer)', function() {
 						load(id) {
 							if (id === 'main') {
 								return `
-									import SvelteComponent from ${JSON.stringify(path.join(__dirname, 'samples', dir, 'main.svelte'))};
-									import config from ${JSON.stringify(path.join(__dirname, 'samples', dir, '_config.js'))};
+									import SvelteComponent from ${JSON.stringify(
+										path.join(__dirname, 'samples', dir, 'main.svelte')
+									)};
+									import config from ${JSON.stringify(
+										path.join(__dirname, 'samples', dir, '_config.js')
+									)};
 									import * as assert from 'assert';
 
 									export default async function (target) {
@@ -140,6 +147,14 @@ describe('runtime (puppeteer)', function() {
 
 											const component = new SvelteComponent(options);
 
+											const waitUntil = async (fn, ms = 500) => {
+												const start = new Date().getTime();
+												do {
+													if (fn()) return;
+													await new Promise(resolve => window.setTimeout(resolve, 1));
+												} while (new Date().getTime() <= start + ms);
+											};
+
 											if (config.html) {
 												assert.htmlEqual(target.innerHTML, config.html);
 											}
@@ -150,6 +165,7 @@ describe('runtime (puppeteer)', function() {
 													component,
 													target,
 													window,
+													waitUntil,
 												});
 
 												component.$destroy();
diff --git a/test/runtime-puppeteer/samples/binding-width-height-initialize/_config.js b/test/runtime-puppeteer/samples/binding-width-height-initialize/_config.js
new file mode 100644
index 00000000000..d67299ad565
--- /dev/null
+++ b/test/runtime-puppeteer/samples/binding-width-height-initialize/_config.js
@@ -0,0 +1,6 @@
+export default {
+	async test({ assert, component }) {
+		assert.equal(component.toggle, true);
+		assert.equal(component.offsetHeight, 800);
+	}
+};
diff --git a/test/runtime-puppeteer/samples/binding-width-height-initialize/main.svelte b/test/runtime-puppeteer/samples/binding-width-height-initialize/main.svelte
new file mode 100644
index 00000000000..6136365a1d0
--- /dev/null
+++ b/test/runtime-puppeteer/samples/binding-width-height-initialize/main.svelte
@@ -0,0 +1,18 @@
+<script>
+  export let offsetHeight;
+  export let offsetWidth;
+  export let toggle = false;
+  $: if (offsetWidth) {
+    toggle = true;
+  }
+</script>
+
+<div class:toggle>
+  <div bind:offsetHeight bind:offsetWidth>{offsetHeight}</div>
+</div>
+
+<style>
+  .toggle > div {
+    height: 800px;
+  }
+</style>
diff --git a/test/runtime-puppeteer/samples/component-css-custom-properties-dynamic-svg/Svg.svelte b/test/runtime-puppeteer/samples/component-css-custom-properties-dynamic-svg/Svg.svelte
new file mode 100644
index 00000000000..26e93bff29e
--- /dev/null
+++ b/test/runtime-puppeteer/samples/component-css-custom-properties-dynamic-svg/Svg.svelte
@@ -0,0 +1,17 @@
+<script>
+  export let id;
+</script>
+
+<g {id}>
+  <circle cx="50" cy="50" r="10" />
+  <rect width="100" height="100" />
+</g>
+
+<style>
+  circle {
+    fill: var(--circle-color);
+  }
+  rect {
+    fill: var(--rect-color)
+  }
+</style>
\ No newline at end of file
diff --git a/test/runtime-puppeteer/samples/component-css-custom-properties-dynamic-svg/_config.js b/test/runtime-puppeteer/samples/component-css-custom-properties-dynamic-svg/_config.js
new file mode 100644
index 00000000000..ea8b5584db8
--- /dev/null
+++ b/test/runtime-puppeteer/samples/component-css-custom-properties-dynamic-svg/_config.js
@@ -0,0 +1,55 @@
+export default {
+	props: {
+		rectColor1: 'green',
+		circleColor1: 'red',
+		rectColor2: 'black',
+		circleColor2: 'blue'
+	},
+	html: `
+		<svg xmlns="http://www.w3.org/2000/svg">
+			<g style="--rect-color:green; --circle-color:red;">
+				<g id="svg-1">
+					<circle cx="50" cy="50" r="10" class="svelte-1qzlp1k"></circle>
+					<rect width="100" height="100" class="svelte-1qzlp1k"></rect>
+				</g>
+			</g>
+			<g style="--rect-color:black; --circle-color:blue;">
+				<g id="svg-2">
+					<circle cx="50" cy="50" r="10" class="svelte-1qzlp1k"></circle>
+					<rect width="100" height="100" class="svelte-1qzlp1k"></rect>
+				</g>
+			</g>
+		</svg>
+	`,
+	test({ component, assert, target }) {
+		component.rectColor1 = 'yellow';
+		component.circleColor2 = 'cyan';
+
+		assert.htmlEqual(target.innerHTML, `
+			<svg xmlns="http://www.w3.org/2000/svg">
+				<g style="--rect-color:yellow; --circle-color:red;">
+					<g id="svg-1">
+						<circle cx="50" cy="50" r="10" class="svelte-1qzlp1k"></circle>
+						<rect width="100" height="100" class="svelte-1qzlp1k"></rect>
+					</g>
+				</g>
+				<g style="--rect-color:black; --circle-color:cyan;">
+					<g id="svg-2">
+						<circle cx="50" cy="50" r="10" class="svelte-1qzlp1k"></circle>
+						<rect width="100" height="100" class="svelte-1qzlp1k"></rect>
+					</g>
+				</g>
+			</svg>
+		`);
+
+		const circleColor1 = target.querySelector('#svg-1 circle');
+		const rectColor1 = target.querySelector('#svg-1 rect');
+		const circleColor2 = target.querySelector('#svg-2 circle');
+		const rectColor2 = target.querySelector('#svg-2 rect');
+
+		assert.htmlEqual(window.getComputedStyle(circleColor1).fill, 'rgb(255, 0, 0)');
+		assert.htmlEqual(window.getComputedStyle(rectColor1).fill, 'rgb(255, 255, 0)');
+		assert.htmlEqual(window.getComputedStyle(circleColor2).fill, 'rgb(0, 255, 255)');
+		assert.htmlEqual(window.getComputedStyle(rectColor2).fill, 'rgb(0, 0, 0)');
+	}
+};
diff --git a/test/runtime-puppeteer/samples/component-css-custom-properties-dynamic-svg/main.svelte b/test/runtime-puppeteer/samples/component-css-custom-properties-dynamic-svg/main.svelte
new file mode 100644
index 00000000000..b30be2dbacf
--- /dev/null
+++ b/test/runtime-puppeteer/samples/component-css-custom-properties-dynamic-svg/main.svelte
@@ -0,0 +1,25 @@
+<script>
+	import Svg from './Svg.svelte';
+	export let rectColor1;
+	export let rectColor2;
+	export let circleColor1;
+	export let circleColor2;
+
+	function identity(color) {
+		return color;
+	}
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg">
+	<Svg
+		id="svg-1"
+		--rect-color={rectColor1}
+		--circle-color={circleColor1}
+	/>
+
+	<Svg
+		id="svg-2"
+		--rect-color={rectColor2}
+		--circle-color={identity(circleColor2)}
+	/>
+</svg>
\ No newline at end of file
diff --git a/test/runtime-puppeteer/samples/dynamic-element-custom-element/_config.js b/test/runtime-puppeteer/samples/dynamic-element-custom-element/_config.js
new file mode 100644
index 00000000000..64b362a7025
--- /dev/null
+++ b/test/runtime-puppeteer/samples/dynamic-element-custom-element/_config.js
@@ -0,0 +1,47 @@
+export default {
+	skip_if_ssr: true,
+	props: {
+		tag: 'my-custom-element',
+		name: null
+	},
+	html: `
+		<my-custom-element id="a">Hello null!</my-custom-element>
+		<my-custom-element id="b">Hello null!</my-custom-element>
+	`,
+
+	test({ assert, component, target }) {
+		component.name = undefined;
+		assert.htmlEqual(
+			target.innerHTML,
+			`<my-custom-element id="a">Hello undefined!</my-custom-element>
+			 <my-custom-element id="b">Hello undefined!</my-custom-element>`
+		);
+
+		component.name = 'foo';
+		assert.htmlEqual(
+			target.innerHTML,
+			`<my-custom-element id="a">Hello foo!</my-custom-element>
+			 <my-custom-element id="b">Hello foo!</my-custom-element>`
+		);
+
+		component.tag = null;
+		assert.htmlEqual(
+			target.innerHTML,
+			'<my-custom-element id="b">Hello foo!</my-custom-element>'
+		);
+
+		component.tag = 'div';
+		assert.htmlEqual(
+			target.innerHTML,
+			`<div name="foo" id="a"></div>
+			 <my-custom-element id="b">Hello foo!</my-custom-element>`
+		);
+
+		component.tag = 'my-custom-element';
+		assert.htmlEqual(
+			target.innerHTML,
+			`<my-custom-element id="a">Hello foo!</my-custom-element>
+			 <my-custom-element id="b">Hello foo!</my-custom-element>`
+		);
+	}
+};
diff --git a/test/runtime-puppeteer/samples/dynamic-element-custom-element/main.svelte b/test/runtime-puppeteer/samples/dynamic-element-custom-element/main.svelte
new file mode 100644
index 00000000000..81e29895d7e
--- /dev/null
+++ b/test/runtime-puppeteer/samples/dynamic-element-custom-element/main.svelte
@@ -0,0 +1,32 @@
+<script>
+	class MyCustomElement extends HTMLElement {
+		constructor() {
+			super();
+			this._name = null;
+		}
+
+		/**
+		 * @param {string} name
+		 */
+		set name(name) {
+			this._name = name;
+			this.render();
+		}
+
+		connectedCallback() {
+			this.render();
+		}
+
+		render() {
+			this.innerHTML = "Hello " + this._name + "!";
+		}
+	}
+
+	window.customElements.define("my-custom-element", MyCustomElement);
+
+	export let tag;
+	export let name;
+</script>
+
+<svelte:element this="{tag}" {name} id="a" />
+<my-custom-element {name} id="b" />
diff --git a/test/runtime-puppeteer/samples/inline-style-directive-important/_config.js b/test/runtime-puppeteer/samples/inline-style-directive-important/_config.js
new file mode 100644
index 00000000000..d6323b82e30
--- /dev/null
+++ b/test/runtime-puppeteer/samples/inline-style-directive-important/_config.js
@@ -0,0 +1,22 @@
+export default {
+	html: `
+		<h1 class="svelte-szzkfu" style="background-color: red;">hello</h1>
+		<h1 class="svelte-szzkfu" style="background-color: red !important;">hello</h1>
+	`,
+
+	ssrHtml: `
+		<h1 class="svelte-szzkfu" style="background-color: red;">hello</h1>
+		<h1 class="svelte-szzkfu" style="background-color: red !important;">hello</h1>
+	`,
+	
+	test({ assert, target, window, component }) {
+		const h1s = target.querySelectorAll('h1');
+
+		assert.equal(window.getComputedStyle(h1s[0])['backgroundColor'], 'rgb(0, 0, 255)');
+		assert.equal(window.getComputedStyle(h1s[1])['backgroundColor'], 'rgb(255, 0, 0)');
+
+		component.color = 'yellow';
+		assert.equal(window.getComputedStyle(h1s[0])['backgroundColor'], 'rgb(0, 0, 255)');
+		assert.equal(window.getComputedStyle(h1s[1])['backgroundColor'], 'rgb(255, 255, 0)');
+	}
+};
diff --git a/test/runtime-puppeteer/samples/inline-style-directive-important/main.svelte b/test/runtime-puppeteer/samples/inline-style-directive-important/main.svelte
new file mode 100644
index 00000000000..e869a9a4735
--- /dev/null
+++ b/test/runtime-puppeteer/samples/inline-style-directive-important/main.svelte
@@ -0,0 +1,12 @@
+<script>
+	export let color = 'red'
+</script>
+
+<h1 style:background-color={color} >hello</h1>
+<h1 style:background-color|important="{color}">hello</h1>
+
+<style>
+	h1 {
+		background-color: blue !important;
+	}
+</style> 
\ No newline at end of file
diff --git a/test/runtime-puppeteer/samples/style_manager-cleanup/_config.js b/test/runtime-puppeteer/samples/style_manager-cleanup/_config.js
new file mode 100644
index 00000000000..b3a5a97e459
--- /dev/null
+++ b/test/runtime-puppeteer/samples/style_manager-cleanup/_config.js
@@ -0,0 +1,17 @@
+export default {
+	skip_if_ssr: true,
+	skip_if_hydrate: true,
+	skip_if_hydrate_from_ssr: true,
+	test: async ({ component, assert, window, waitUntil }) => {
+		assert.htmlEqual(window.document.head.innerHTML, '');
+		component.visible = true;
+		assert.htmlEqual(window.document.head.innerHTML, '<style></style>');
+		await waitUntil(() => window.document.head.innerHTML === '');
+		assert.htmlEqual(window.document.head.innerHTML, '');
+
+		component.visible = false;
+		assert.htmlEqual(window.document.head.innerHTML, '<style></style>');
+		await waitUntil(() => window.document.head.innerHTML === '');
+		assert.htmlEqual(window.document.head.innerHTML, '');
+	}
+};
diff --git a/test/runtime-puppeteer/samples/style_manager-cleanup/main.svelte b/test/runtime-puppeteer/samples/style_manager-cleanup/main.svelte
new file mode 100644
index 00000000000..ab13073b1eb
--- /dev/null
+++ b/test/runtime-puppeteer/samples/style_manager-cleanup/main.svelte
@@ -0,0 +1,16 @@
+<script>
+	export let visible;
+
+	function foo() {
+		return {
+			duration: 10,
+			css: t => {
+				return `opacity: ${t}`;
+			}
+		};
+	}
+</script>
+
+{#if visible}
+	<div transition:foo></div>
+{/if}
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/Slider.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/Slider.svelte
new file mode 100644
index 00000000000..4863966f85a
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/Slider.svelte
@@ -0,0 +1,17 @@
+<script>
+  export let id;
+</script>
+
+<div {id}>
+  <p>Slider</p>
+  <span>Track</span>
+</div>
+
+<style>
+  p {
+    color: var(--rail-color);
+  }
+  span {
+    color: var(--track-color);
+  }
+</style>
\ No newline at end of file
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/_config.js b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/_config.js
new file mode 100644
index 00000000000..96965c223b9
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/_config.js
@@ -0,0 +1,41 @@
+export default {
+	props: {
+		railColor1: 'black',
+		trackColor1: 'red',
+		railColor2: 'green',
+		trackColor2: 'blue'
+	},
+	html: `
+		<div style="display: contents; --rail-color:black; --track-color:red;">
+			<div id="slider-1">
+				<p class="svelte-17ay6rc">Slider</p>
+				<span class="svelte-17ay6rc">Track</span>
+			</div>
+		</div>
+		<div style="display: contents; --rail-color:green; --track-color:blue;">
+			<div id="slider-2">
+				<p class="svelte-17ay6rc">Slider</p>
+				<span class="svelte-17ay6rc">Track</span>
+			</div>
+		</div>
+	`,
+	test({ component, assert, target }) {
+		component.railColor1 = 'yellow';
+		component.trackColor2 = 'orange';
+
+		assert.htmlEqual(target.innerHTML, `
+			<div style="display: contents; --rail-color:yellow; --track-color:red;">
+				<div id="slider-1">
+					<p class="svelte-17ay6rc">Slider</p>
+					<span class="svelte-17ay6rc">Track</span>
+				</div>
+			</div>
+			<div style="display: contents; --rail-color:green; --track-color:orange;">
+				<div id="slider-2">
+					<p class="svelte-17ay6rc">Slider</p>
+					<span class="svelte-17ay6rc">Track</span>
+				</div>
+			</div>
+		`);
+	}
+};
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/main.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/main.svelte
new file mode 100644
index 00000000000..00be45a8a46
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/main.svelte
@@ -0,0 +1,25 @@
+<script>
+	import Slider from './Slider.svelte';
+	export let railColor1;
+	export let railColor2;
+	export let trackColor1;
+	export let trackColor2;
+
+	function identity(color) {
+		return color;
+	}
+</script>
+
+<svelte:component
+	this={Slider}
+	id="slider-1"
+	--rail-color={railColor1}
+	--track-color={trackColor1}
+/>
+
+<svelte:component
+	this={Slider}
+	id="slider-2"
+	--rail-color={railColor2}
+	--track-color={identity(trackColor2)}
+/>
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider1.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider1.svelte
new file mode 100644
index 00000000000..f9c9048feea
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider1.svelte
@@ -0,0 +1,17 @@
+<script>
+  export let id;
+</script>
+
+<div {id}>
+  <p>Slider1</p>
+  <span>Track</span>
+</div>
+
+<style>
+  p {
+    color: var(--rail-color);
+  }
+  span {
+    color: var(--track-color);
+  }
+</style>
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider2.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider2.svelte
new file mode 100644
index 00000000000..eb5c286464d
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider2.svelte
@@ -0,0 +1,17 @@
+<script>
+  export let id;
+</script>
+
+<div {id}>
+  <p>Slider2</p>
+  <span>Track</span>
+</div>
+
+<style>
+  p {
+    color: var(--rail-color);
+  }
+  span {
+    color: var(--track-color);
+  }
+</style>
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/_config.js b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/_config.js
new file mode 100644
index 00000000000..efbf225f25e
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/_config.js
@@ -0,0 +1,57 @@
+export default {
+	props: {
+		componentName: 'Slider1'
+	},
+	html: `
+		<div style="display: contents; --rail-color:rgb(0, 0, 0); --track-color:rgb(255, 0, 0);">
+			<div id="component1">
+				<p class="svelte-17ay6rc">Slider1</p>
+				<span class="svelte-17ay6rc">Track</span>
+			</div>
+		</div>
+		<div style="display: contents; --rail-color:rgb(0, 255, 0); --track-color:rgb(0, 0, 255);">
+			<div id="component2">
+				<p class="svelte-17ay6rc">Slider1</p>
+				<span class="svelte-17ay6rc">Track</span>
+			</div>
+		</div>
+	`,
+	test({ target, window, assert, component }) {
+
+		function assert_slider_1() {
+			const railColor1 = target.querySelector('#component1 p');
+			const trackColor1 = target.querySelector('#component1 span');
+			const railColor2 = target.querySelector('#component2 p');
+			const trackColor2 = target.querySelector('#component2 span');
+
+			assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+			assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+			assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+			assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+			assert.equal(railColor1.textContent, 'Slider1');
+			assert.equal(railColor2.textContent, 'Slider1');
+		}
+
+		function assert_slider_2() {
+			const railColor1 = target.querySelector('#component1 p');
+			const trackColor1 = target.querySelector('#component1 span');
+			const railColor2 = target.querySelector('#component2 p');
+			const trackColor2 = target.querySelector('#component2 span');
+
+			assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+			assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+			assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+			assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+			assert.equal(railColor1.textContent, 'Slider2');
+			assert.equal(railColor2.textContent, 'Slider2');
+		}
+
+		assert_slider_1();
+		component.componentName = 'Slider2';
+		assert_slider_2();
+		component.componentName = undefined;
+		assert.equal(window.document.querySelector('div'), null);
+		component.componentName = 'Slider1';
+		assert_slider_1();
+	}
+};
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/main.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/main.svelte
new file mode 100644
index 00000000000..2c6d05dc258
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/main.svelte
@@ -0,0 +1,20 @@
+<script>
+	import Slider1 from './Slider1.svelte';
+	import Slider2 from './Slider2.svelte';
+	export let componentName = 'Slider1';
+	$: slider = componentName === 'Slider1' ? Slider1 : componentName === 'Slider2' ? Slider2 : undefined;
+</script>
+
+<svelte:component
+	this={slider}
+	id="component1"
+	--rail-color="rgb(0, 0, 0)"
+	--track-color="rgb(255, 0, 0)"
+/>
+
+<svelte:component
+	this={slider}
+	id="component2"
+	--rail-color="rgb(0, 255, 0)"
+	--track-color="rgb(0, 0, 255)"
+/>
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider1.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider1.svelte
new file mode 100644
index 00000000000..f9c9048feea
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider1.svelte
@@ -0,0 +1,17 @@
+<script>
+  export let id;
+</script>
+
+<div {id}>
+  <p>Slider1</p>
+  <span>Track</span>
+</div>
+
+<style>
+  p {
+    color: var(--rail-color);
+  }
+  span {
+    color: var(--track-color);
+  }
+</style>
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider2.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider2.svelte
new file mode 100644
index 00000000000..eb5c286464d
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider2.svelte
@@ -0,0 +1,17 @@
+<script>
+  export let id;
+</script>
+
+<div {id}>
+  <p>Slider2</p>
+  <span>Track</span>
+</div>
+
+<style>
+  p {
+    color: var(--rail-color);
+  }
+  span {
+    color: var(--track-color);
+  }
+</style>
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/_config.js b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/_config.js
new file mode 100644
index 00000000000..5aa30c7aa4c
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/_config.js
@@ -0,0 +1,59 @@
+export default {
+	props: {
+		componentName: 'Slider1'
+	},
+	html: `
+		<section>
+			<div style="display: contents; --rail-color:rgb(0, 0, 0); --track-color:rgb(255, 0, 0);">
+				<div id="component1">
+					<p class="svelte-17ay6rc">Slider1</p>
+					<span class="svelte-17ay6rc">Track</span>
+				</div>
+			</div>
+			<div style="display: contents; --rail-color:rgb(0, 255, 0); --track-color:rgb(0, 0, 255);">
+				<div id="component2">
+					<p class="svelte-17ay6rc">Slider1</p>
+					<span class="svelte-17ay6rc">Track</span>
+				</div>
+			</div>
+		</section>
+	`,
+	test({ target, window, assert, component }) {
+
+		function assert_slider_1() {
+			const railColor1 = target.querySelector('#component1 p');
+			const trackColor1 = target.querySelector('#component1 span');
+			const railColor2 = target.querySelector('#component2 p');
+			const trackColor2 = target.querySelector('#component2 span');
+
+			assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+			assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+			assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+			assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+			assert.equal(railColor1.textContent, 'Slider1');
+			assert.equal(railColor2.textContent, 'Slider1');
+		}
+
+		function assert_slider_2() {
+			const railColor1 = target.querySelector('#component1 p');
+			const trackColor1 = target.querySelector('#component1 span');
+			const railColor2 = target.querySelector('#component2 p');
+			const trackColor2 = target.querySelector('#component2 span');
+
+			assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+			assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+			assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+			assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+			assert.equal(railColor1.textContent, 'Slider2');
+			assert.equal(railColor2.textContent, 'Slider2');
+		}
+
+		assert_slider_1();
+		component.componentName = 'Slider2';
+		assert_slider_2();
+		component.componentName = undefined;
+		assert.equal(window.document.querySelector('div'), null);
+		component.componentName = 'Slider1';
+		assert_slider_1();
+	}
+};
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/main.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/main.svelte
new file mode 100644
index 00000000000..dded9b8f5cf
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/main.svelte
@@ -0,0 +1,22 @@
+<script>
+	import Slider1 from './Slider1.svelte';
+	import Slider2 from './Slider2.svelte';
+	export let componentName = 'Slider1';
+	$: slider = componentName === 'Slider1' ? Slider1 : componentName === 'Slider2' ? Slider2 : undefined;
+</script>
+
+<section>
+	<svelte:component
+		this={slider}
+		id="component1"
+		--rail-color="rgb(0, 0, 0)"
+		--track-color="rgb(255, 0, 0)"
+	/>
+
+	<svelte:component
+		this={slider}
+		id="component2"
+		--rail-color="rgb(0, 255, 0)"
+		--track-color="rgb(0, 0, 255)"
+	/>
+</section>
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/Slider.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/Slider.svelte
new file mode 100644
index 00000000000..210e34cbe97
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/Slider.svelte
@@ -0,0 +1,29 @@
+<script>
+  export let id;
+	export let count = 0;
+	export let railColor1;
+	export let trackColor1;
+</script>
+
+<div {id}>
+  <p>Slider</p>
+  <span>Track</span>
+</div>
+
+{#if count === 0}
+	<svelte:self
+		id="nest-{id}"
+		count="{count + 1}"
+		--rail-color={railColor1}
+		--track-color={trackColor1}
+	/>
+{/if}
+
+<style>
+  p {
+    color: var(--rail-color);
+  }
+  span {
+    color: var(--track-color);
+  }
+</style>
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/_config.js b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/_config.js
new file mode 100644
index 00000000000..c7d1369edc7
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/_config.js
@@ -0,0 +1,71 @@
+export default {
+	props: {
+		railColor1: 'black',
+		trackColor1: 'red',
+		railColor2: 'green',
+		trackColor2: 'blue',
+		nestRailColor1: 'white',
+		nestTrackColor1: 'gray',
+		nestRailColor2: 'aqua',
+		nestTrackColor2: 'pink'
+	},
+	html: `
+		<div style="display: contents; --rail-color:black; --track-color:red;">
+			<div id="slider-1">
+				<p class="svelte-17ay6rc">Slider</p>
+				<span class="svelte-17ay6rc">Track</span>
+			</div>
+			<div style="display: contents; --rail-color:white; --track-color:gray;">
+				<div id="nest-slider-1">
+					<p class="svelte-17ay6rc">Slider</p>
+					<span class="svelte-17ay6rc">Track</span>
+				</div>
+			</div>
+		</div>
+		<div style="display: contents; --rail-color:green; --track-color:blue;">
+			<div id="slider-2">
+				<p class="svelte-17ay6rc">Slider</p>
+				<span class="svelte-17ay6rc">Track</span>
+			</div>
+			<div style="display: contents; --rail-color:aqua; --track-color:pink;">
+				<div id="nest-slider-2">
+					<p class="svelte-17ay6rc">Slider</p>
+					<span class="svelte-17ay6rc">Track</span>
+				</div>
+			</div>
+		</div>
+	`,
+	test({ component, assert, target }) {
+		component.railColor1 = 'yellow';
+		component.trackColor2 = 'orange';
+		component.nestRailColor1 = 'lime';
+		component.nestTrackColor2 = 'gold';
+
+		assert.htmlEqual(target.innerHTML, `
+			<div style="display: contents; --rail-color:yellow; --track-color:red;">
+				<div id="slider-1">
+					<p class="svelte-17ay6rc">Slider</p>
+					<span class="svelte-17ay6rc">Track</span>
+				</div>
+				<div style="display: contents; --rail-color:lime; --track-color:gray;">
+					<div id="nest-slider-1">
+						<p class="svelte-17ay6rc">Slider</p>
+						<span class="svelte-17ay6rc">Track</span>
+					</div>
+				</div>
+			</div>
+			<div style="display: contents; --rail-color:green; --track-color:orange;">
+				<div id="slider-2">
+					<p class="svelte-17ay6rc">Slider</p>
+					<span class="svelte-17ay6rc">Track</span>
+				</div>
+				<div style="display: contents; --rail-color:aqua; --track-color:gold;">
+					<div id="nest-slider-2">
+						<p class="svelte-17ay6rc">Slider</p>
+						<span class="svelte-17ay6rc">Track</span>
+					</div>
+				</div>
+			</div>
+		`);
+	}
+};
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/main.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/main.svelte
new file mode 100644
index 00000000000..69c31fff359
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/main.svelte
@@ -0,0 +1,32 @@
+<script>
+	import Slider from './Slider.svelte';
+	export let railColor1;
+	export let railColor2;
+	export let trackColor1;
+	export let trackColor2;
+	export let nestRailColor1;
+	export let nestRailColor2;
+	export let nestTrackColor1;
+	export let nestTrackColor2;
+
+	function identity(color) {
+		return color;
+	}
+</script>
+
+<Slider
+	id="slider-1"
+	--rail-color={railColor1}
+	--track-color={trackColor1}
+	railColor1={nestRailColor1}
+	trackColor1={nestTrackColor1}
+/>
+
+<svelte:component
+	this={Slider}
+	id="slider-2"
+	--rail-color={railColor2}
+	--track-color={identity(trackColor2)}
+	railColor1={nestRailColor2}
+	trackColor1={nestTrackColor2}
+/>
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider1.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider1.svelte
new file mode 100644
index 00000000000..20699ca853d
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider1.svelte
@@ -0,0 +1,27 @@
+<script>
+	export let id;
+	export let count = 0;
+</script>
+
+<div {id}>
+	<p>Slider1</p>
+	<span>Track</span>
+</div>
+
+{#if count === 0}
+	<svelte:self
+		id="nest-{id}"
+		count={1}
+		--rail-color="rgb(255, 255, 0)"
+		--track-color="rgb(255, 0, 255)"
+	/>
+{/if}
+
+<style>
+	p {
+		color: var(--rail-color);
+	}
+	span {
+		color: var(--track-color);
+	}
+</style>
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider2.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider2.svelte
new file mode 100644
index 00000000000..ce799c4dc02
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider2.svelte
@@ -0,0 +1,27 @@
+<script>
+	export let id;
+	export let count = 0;
+</script>
+
+<div {id}>
+	<p>Slider2</p>
+	<span>Track</span>
+</div>
+
+{#if count === 0}
+	<svelte:self
+		id="nest-{id}"
+		count={1}
+		--rail-color="rgb(0, 255, 255)"
+		--track-color="rgb(255, 255, 255)"
+	/>
+{/if}
+
+<style>
+	p {
+		color: var(--rail-color);
+	}
+	span {
+		color: var(--track-color);
+	}
+</style>
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/_config.js b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/_config.js
new file mode 100644
index 00000000000..f3023db3c40
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/_config.js
@@ -0,0 +1,47 @@
+export default {
+	props: {},
+	html: `
+		<div style="display: contents; --rail-color:rgb(0, 0, 0); --track-color:rgb(255, 0, 0);">
+			<div id="component1">
+				<p class="svelte-q538ga">Slider1</p><span class="svelte-q538ga">Track</span>
+			</div>
+			<div style="display: contents; --rail-color:rgb(255, 255, 0); --track-color:rgb(255, 0, 255);">
+				<div id="nest-component1">
+					<p class="svelte-q538ga">Slider1</p><span class="svelte-q538ga">Track</span></div>
+				</div>
+			</div>
+		<div style="display: contents; --rail-color:rgb(0, 255, 0); --track-color:rgb(0, 0, 255);">
+			<div id="component2">
+				<p class="svelte-q538ga">Slider2</p><span class="svelte-q538ga">Track</span>
+			</div>
+			<div style="display: contents; --rail-color:rgb(0, 255, 255); --track-color:rgb(255, 255, 255);">
+				<div id="nest-component2">
+					<p class="svelte-q538ga">Slider2</p><span class="svelte-q538ga">Track</span>
+				</div>
+			</div>
+		</div>
+	`,
+	test({ target, window, assert }) {
+		const railColor1 = target.querySelector('#component1 p');
+		const trackColor1 = target.querySelector('#component1 span');
+		const railColor2 = target.querySelector('#component2 p');
+		const trackColor2 = target.querySelector('#component2 span');
+		const nestRailColor1 = target.querySelector('#nest-component1 p');
+		const nestTrackColor1 = target.querySelector('#nest-component1 span');
+		const nestRailColor2 = target.querySelector('#nest-component2 p');
+		const nestTrackColor2 = target.querySelector('#nest-component2 span');
+
+		assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+		assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+		assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+		assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+		assert.equal(window.getComputedStyle(nestRailColor1).color, 'rgb(255, 255, 0)');
+		assert.equal(window.getComputedStyle(nestTrackColor1).color, 'rgb(255, 0, 255)');
+		assert.equal(window.getComputedStyle(nestRailColor2).color, 'rgb(0, 255, 255)');
+		assert.equal(window.getComputedStyle(nestTrackColor2).color, 'rgb(255, 255, 255)');
+		assert.equal(railColor1.textContent, 'Slider1');
+		assert.equal(railColor2.textContent, 'Slider2');
+		assert.equal(nestRailColor1.textContent, 'Slider1');
+		assert.equal(nestRailColor2.textContent, 'Slider2');
+	}
+};
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/main.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/main.svelte
new file mode 100644
index 00000000000..1a4ed029595
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/main.svelte
@@ -0,0 +1,16 @@
+<script>
+	import Slider1 from './Slider1.svelte';
+	import Slider2 from './Slider2.svelte';
+</script>
+
+<Slider1
+	id="component1"
+	--rail-color="rgb(0, 0, 0)"
+	--track-color="rgb(255, 0, 0)"
+/>
+
+<Slider2
+	id="component2"
+	--rail-color="rgb(0, 255, 0)"
+	--track-color="rgb(0, 0, 255)"
+/>
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider1.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider1.svelte
new file mode 100644
index 00000000000..20699ca853d
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider1.svelte
@@ -0,0 +1,27 @@
+<script>
+	export let id;
+	export let count = 0;
+</script>
+
+<div {id}>
+	<p>Slider1</p>
+	<span>Track</span>
+</div>
+
+{#if count === 0}
+	<svelte:self
+		id="nest-{id}"
+		count={1}
+		--rail-color="rgb(255, 255, 0)"
+		--track-color="rgb(255, 0, 255)"
+	/>
+{/if}
+
+<style>
+	p {
+		color: var(--rail-color);
+	}
+	span {
+		color: var(--track-color);
+	}
+</style>
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider2.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider2.svelte
new file mode 100644
index 00000000000..ce799c4dc02
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider2.svelte
@@ -0,0 +1,27 @@
+<script>
+	export let id;
+	export let count = 0;
+</script>
+
+<div {id}>
+	<p>Slider2</p>
+	<span>Track</span>
+</div>
+
+{#if count === 0}
+	<svelte:self
+		id="nest-{id}"
+		count={1}
+		--rail-color="rgb(0, 255, 255)"
+		--track-color="rgb(255, 255, 255)"
+	/>
+{/if}
+
+<style>
+	p {
+		color: var(--rail-color);
+	}
+	span {
+		color: var(--track-color);
+	}
+</style>
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/_config.js b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/_config.js
new file mode 100644
index 00000000000..5efc8f0c704
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/_config.js
@@ -0,0 +1,84 @@
+export default {
+	props: {
+		componentName: 'Slider1'
+	},
+	html: `
+		<div style="display: contents; --rail-color:rgb(0, 0, 0); --track-color:rgb(255, 0, 0);">
+			<div id="component1">
+				<p class="svelte-q538ga">Slider1</p><span class="svelte-q538ga">Track</span>
+			</div>
+			<div style="display: contents; --rail-color:rgb(255, 255, 0); --track-color:rgb(255, 0, 255);">
+				<div id="nest-component1">
+					<p class="svelte-q538ga">Slider1</p><span class="svelte-q538ga">Track</span></div>
+				</div>
+			</div>
+		<div style="display: contents; --rail-color:rgb(0, 255, 0); --track-color:rgb(0, 0, 255);">
+			<div id="component2">
+				<p class="svelte-q538ga">Slider1</p><span class="svelte-q538ga">Track</span>
+			</div>
+			<div style="display: contents; --rail-color:rgb(255, 255, 0); --track-color:rgb(255, 0, 255);">
+				<div id="nest-component2">
+					<p class="svelte-q538ga">Slider1</p><span class="svelte-q538ga">Track</span>
+				</div>
+			</div>
+		</div>
+	`,
+	test({ target, window, assert, component }) {
+
+		function assert_slider_1() {
+			const railColor1 = target.querySelector('#component1 p');
+			const trackColor1 = target.querySelector('#component1 span');
+			const railColor2 = target.querySelector('#component2 p');
+			const trackColor2 = target.querySelector('#component2 span');
+			const nestRailColor1 = target.querySelector('#nest-component1 p');
+			const nestTrackColor1 = target.querySelector('#nest-component1 span');
+			const nestRailColor2 = target.querySelector('#nest-component2 p');
+			const nestTrackColor2 = target.querySelector('#nest-component2 span');
+
+			assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+			assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+			assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+			assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+			assert.equal(window.getComputedStyle(nestRailColor1).color, 'rgb(255, 255, 0)');
+			assert.equal(window.getComputedStyle(nestTrackColor1).color, 'rgb(255, 0, 255)');
+			assert.equal(window.getComputedStyle(nestRailColor2).color, 'rgb(255, 255, 0)');
+			assert.equal(window.getComputedStyle(nestTrackColor2).color, 'rgb(255, 0, 255)');
+			assert.equal(railColor1.textContent, 'Slider1');
+			assert.equal(railColor2.textContent, 'Slider1');
+			assert.equal(nestRailColor1.textContent, 'Slider1');
+			assert.equal(nestRailColor2.textContent, 'Slider1');
+		}
+
+		function assert_slider_2() {
+			const railColor1 = target.querySelector('#component1 p');
+			const trackColor1 = target.querySelector('#component1 span');
+			const railColor2 = target.querySelector('#component2 p');
+			const trackColor2 = target.querySelector('#component2 span');
+			const nestRailColor1 = target.querySelector('#nest-component1 p');
+			const nestTrackColor1 = target.querySelector('#nest-component1 span');
+			const nestRailColor2 = target.querySelector('#nest-component2 p');
+			const nestTrackColor2 = target.querySelector('#nest-component2 span');
+
+			assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+			assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+			assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+			assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+			assert.equal(window.getComputedStyle(nestRailColor1).color, 'rgb(0, 255, 255)');
+			assert.equal(window.getComputedStyle(nestTrackColor1).color, 'rgb(255, 255, 255)');
+			assert.equal(window.getComputedStyle(nestRailColor2).color, 'rgb(0, 255, 255)');
+			assert.equal(window.getComputedStyle(nestTrackColor2).color, 'rgb(255, 255, 255)');
+			assert.equal(railColor1.textContent, 'Slider2');
+			assert.equal(railColor2.textContent, 'Slider2');
+			assert.equal(nestRailColor1.textContent, 'Slider2');
+			assert.equal(nestRailColor2.textContent, 'Slider2');
+		}
+
+		assert_slider_1();
+		component.componentName = 'Slider2';
+		assert_slider_2();
+		component.componentName = undefined;
+		assert.equal(window.document.querySelector('div'), null);
+		component.componentName = 'Slider1';
+		assert_slider_1();
+	}
+};
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/main.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/main.svelte
new file mode 100644
index 00000000000..2c6d05dc258
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/main.svelte
@@ -0,0 +1,20 @@
+<script>
+	import Slider1 from './Slider1.svelte';
+	import Slider2 from './Slider2.svelte';
+	export let componentName = 'Slider1';
+	$: slider = componentName === 'Slider1' ? Slider1 : componentName === 'Slider2' ? Slider2 : undefined;
+</script>
+
+<svelte:component
+	this={slider}
+	id="component1"
+	--rail-color="rgb(0, 0, 0)"
+	--track-color="rgb(255, 0, 0)"
+/>
+
+<svelte:component
+	this={slider}
+	id="component2"
+	--rail-color="rgb(0, 255, 0)"
+	--track-color="rgb(0, 0, 255)"
+/>
diff --git a/test/runtime-puppeteer/samples/transition-css-out-in/_config.js b/test/runtime-puppeteer/samples/transition-css-out-in/_config.js
new file mode 100644
index 00000000000..a50d28b257f
--- /dev/null
+++ b/test/runtime-puppeteer/samples/transition-css-out-in/_config.js
@@ -0,0 +1,14 @@
+export default {
+	test: async ({ assert, component, window, waitUntil }) => {
+		component.visible = true;
+		await waitUntil(() => window.document.head.querySelector('style').sheet.rules.length === 2);
+		assert.equal(window.document.head.querySelector('style').sheet.rules.length, 2);
+		await waitUntil(() => window.document.head.querySelector('style') === null);
+		assert.equal(window.document.head.querySelector('style'), null);
+		component.visible = false;
+		await waitUntil(() => window.document.head.querySelector('style').sheet.rules.length === 2);
+		assert.equal(window.document.head.querySelector('style').sheet.rules.length, 2);
+		await waitUntil(() => window.document.head.querySelector('style') === null);
+		assert.equal(window.document.head.querySelector('style'), null);
+	}
+};
diff --git a/test/runtime-puppeteer/samples/transition-css-out-in/main.svelte b/test/runtime-puppeteer/samples/transition-css-out-in/main.svelte
new file mode 100644
index 00000000000..3ee93f0b556
--- /dev/null
+++ b/test/runtime-puppeteer/samples/transition-css-out-in/main.svelte
@@ -0,0 +1,20 @@
+<script>
+	export let visible;
+
+	function foo() {
+		return {
+			duration: 10,
+			css: t => {
+				return `opacity: ${t}`;
+			}
+		};
+	}
+</script>
+
+{#if visible}
+	<div transition:foo></div>
+{/if}
+
+{#if !visible}
+	<div transition:foo></div>
+{/if}
diff --git a/test/runtime/samples/action-update-before-destroy/Component.svelte b/test/runtime/samples/action-update-before-destroy/Component.svelte
new file mode 100644
index 00000000000..e38a0fff64b
--- /dev/null
+++ b/test/runtime/samples/action-update-before-destroy/Component.svelte
@@ -0,0 +1,27 @@
+<script>
+  import { afterUpdate, onDestroy } from "svelte";
+
+  export let id;
+	export let items;
+
+  let item = $items[id];
+	let selected = true;
+
+  function onClick() {
+    selected = !selected;
+    items.set({});
+  }
+
+  onDestroy(() => {
+		console.log("onDestroy");
+  });
+
+  afterUpdate(() => {
+    console.log("afterUpdate");
+  });
+</script>
+
+<button on:click="{onClick}">Click Me</button>
+{#if selected}
+  <div>{item.id}</div>
+{/if}
diff --git a/test/runtime/samples/action-update-before-destroy/_config.js b/test/runtime/samples/action-update-before-destroy/_config.js
new file mode 100644
index 00000000000..a822c4d8a55
--- /dev/null
+++ b/test/runtime/samples/action-update-before-destroy/_config.js
@@ -0,0 +1,16 @@
+export default {
+	html: `
+		<button>Click Me</button>
+		<div>1</div>
+	`,
+	async test({ assert, target, window }) {
+		const button = target.querySelector('button');
+		const event = new window.MouseEvent('click');
+		const messages = [];
+		const log = console.log;
+		console.log = msg => messages.push(msg);
+		await button.dispatchEvent(event);
+		console.log = log;
+		assert.deepEqual(messages, ['afterUpdate', 'onDestroy']);
+	}
+};
diff --git a/test/runtime/samples/action-update-before-destroy/main.svelte b/test/runtime/samples/action-update-before-destroy/main.svelte
new file mode 100644
index 00000000000..7f99ce0f382
--- /dev/null
+++ b/test/runtime/samples/action-update-before-destroy/main.svelte
@@ -0,0 +1,10 @@
+<script>
+	import { writable } from 'svelte/store';
+  import Component from "./Component.svelte";
+
+	let items = writable({ 1: { id: 1 } });
+</script>
+
+{#each Object.values($items) as item (item.id)}
+  <Component id="{item.id}" {items} />
+{/each}
diff --git a/test/runtime/samples/assignment-to-const1/_config.js b/test/runtime/samples/assignment-to-const1/_config.js
new file mode 100644
index 00000000000..2fd0447458d
--- /dev/null
+++ b/test/runtime/samples/assignment-to-const1/_config.js
@@ -0,0 +1,3 @@
+export default {
+	html: '<p>2, 1</p>'
+};
diff --git a/test/runtime/samples/assignment-to-const1/main.svelte b/test/runtime/samples/assignment-to-const1/main.svelte
new file mode 100644
index 00000000000..f221249193b
--- /dev/null
+++ b/test/runtime/samples/assignment-to-const1/main.svelte
@@ -0,0 +1,6 @@
+<script>
+	const arr = [1, 2];
+	[arr[0], arr[1]] = [arr[1], arr[0]];
+</script>
+
+<p>{arr[0]}, {arr[1]}</p>
diff --git a/test/runtime/samples/assignment-to-const2/_config.js b/test/runtime/samples/assignment-to-const2/_config.js
new file mode 100644
index 00000000000..9802ca2c447
--- /dev/null
+++ b/test/runtime/samples/assignment-to-const2/_config.js
@@ -0,0 +1,3 @@
+export default {
+	html: '<p>[{"a":2},100]</p>'
+};
diff --git a/test/runtime/samples/assignment-to-const2/main.svelte b/test/runtime/samples/assignment-to-const2/main.svelte
new file mode 100644
index 00000000000..c805e4b5897
--- /dev/null
+++ b/test/runtime/samples/assignment-to-const2/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	const a = 100;
+	const arr = [{ a: 1 }, 2];
+	[arr[0].a, arr[1] = a] = [arr[1]];
+</script>
+
+<p>{JSON.stringify(arr)}</p>
diff --git a/test/runtime/samples/attribute-boolean-indeterminate/_config.js b/test/runtime/samples/attribute-boolean-indeterminate/_config.js
index d6e97ffc0e7..5853e769225 100644
--- a/test/runtime/samples/attribute-boolean-indeterminate/_config.js
+++ b/test/runtime/samples/attribute-boolean-indeterminate/_config.js
@@ -9,10 +9,6 @@ export default {
 
 	html: "<input type='checkbox'>",
 
-	// somehow ssr will render indeterminate=""
-	// the hydrated html will still contain that attribute
-	ssrHtml: "<input type='checkbox' indeterminate=''>",
-
 	test({ assert, component, target }) {
 		const input = target.querySelector('input');
 
diff --git a/test/runtime/samples/attribute-boolean-inert/_config.js b/test/runtime/samples/attribute-boolean-inert/_config.js
new file mode 100644
index 00000000000..8f99b4ebd8b
--- /dev/null
+++ b/test/runtime/samples/attribute-boolean-inert/_config.js
@@ -0,0 +1,11 @@
+export default {
+	props: {
+		inert: true
+	},
+	test({ assert, target, component }) {
+		const div = target.querySelector('div');
+		assert.ok(div.inert);
+		component.inert = false;
+		assert.ok(!div.inert);
+	}
+};
diff --git a/test/runtime/samples/attribute-boolean-inert/main.svelte b/test/runtime/samples/attribute-boolean-inert/main.svelte
new file mode 100644
index 00000000000..6c3df7e31e9
--- /dev/null
+++ b/test/runtime/samples/attribute-boolean-inert/main.svelte
@@ -0,0 +1,5 @@
+<script>
+export let inert;
+</script>
+
+<div {inert}>some div <button>click</button></div>
diff --git a/test/runtime/samples/attribute-boolean-itemscope/_config.js b/test/runtime/samples/attribute-boolean-itemscope/_config.js
new file mode 100644
index 00000000000..b5b21cfc470
--- /dev/null
+++ b/test/runtime/samples/attribute-boolean-itemscope/_config.js
@@ -0,0 +1,11 @@
+export default {
+	props: {
+		itemscope: true
+	},
+	test({ assert, target, component }) {
+		const div = target.querySelector('div');
+		assert.ok(div.itemscope);
+		component.itemscope = false;
+		assert.ok(!div.itemscope);
+	}
+};
diff --git a/test/runtime/samples/attribute-boolean-itemscope/main.svelte b/test/runtime/samples/attribute-boolean-itemscope/main.svelte
new file mode 100644
index 00000000000..83265a983c7
--- /dev/null
+++ b/test/runtime/samples/attribute-boolean-itemscope/main.svelte
@@ -0,0 +1,5 @@
+<script>
+export let itemscope;
+</script>
+
+<div {itemscope}  />
diff --git a/test/runtime/samples/await-function-promise/_config.js b/test/runtime/samples/await-function-promise/_config.js
new file mode 100644
index 00000000000..b6a9de6856b
--- /dev/null
+++ b/test/runtime/samples/await-function-promise/_config.js
@@ -0,0 +1,19 @@
+const realPromise = Promise.resolve(42);
+
+const promise = () => {};
+promise.then = realPromise.then.bind(realPromise);
+promise.catch = realPromise.catch.bind(realPromise);
+
+export default {
+	props: {
+		promise
+	},
+
+	test({ assert, target }) {
+		return promise.then(() => {
+			assert.htmlEqual(target.innerHTML, `
+				<p>42</p>
+			`);
+		});
+	}
+};
diff --git a/test/runtime/samples/await-function-promise/main.svelte b/test/runtime/samples/await-function-promise/main.svelte
new file mode 100644
index 00000000000..aaefc6b7823
--- /dev/null
+++ b/test/runtime/samples/await-function-promise/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	export let promise;
+</script>
+
+{#await promise then value}
+	<p>{JSON.stringify(value)}</p>
+{/await}
diff --git a/test/runtime/samples/await-mount-and-unmount-immediately/Component.svelte b/test/runtime/samples/await-mount-and-unmount-immediately/Component.svelte
new file mode 100644
index 00000000000..be0c7e36b03
--- /dev/null
+++ b/test/runtime/samples/await-mount-and-unmount-immediately/Component.svelte
@@ -0,0 +1,13 @@
+<script>
+	import { onMount } from 'svelte';
+  export let logs;
+  export let state;
+	onMount(() => {
+    logs.push(`mount ${state}`);
+		return () => {
+      logs.push(`unmount ${state}`);
+		};
+	});
+</script>
+
+{state}
diff --git a/test/runtime/samples/await-mount-and-unmount-immediately/_config.js b/test/runtime/samples/await-mount-and-unmount-immediately/_config.js
new file mode 100644
index 00000000000..b9440913196
--- /dev/null
+++ b/test/runtime/samples/await-mount-and-unmount-immediately/_config.js
@@ -0,0 +1,9 @@
+export default {
+	html: 'Loading...',
+	async test({ assert, component, target }) {
+		await component.test();
+
+		assert.htmlEqual(target.innerHTML, '1');
+		assert.deepEqual(component.logs, ['mount 0', 'unmount 0', 'mount 1']);
+	}
+};
diff --git a/test/runtime/samples/await-mount-and-unmount-immediately/main.svelte b/test/runtime/samples/await-mount-and-unmount-immediately/main.svelte
new file mode 100644
index 00000000000..245304be833
--- /dev/null
+++ b/test/runtime/samples/await-mount-and-unmount-immediately/main.svelte
@@ -0,0 +1,36 @@
+<script>
+	import { tick } from 'svelte';
+	import Component from './Component.svelte';
+
+	let promise;
+	let resolve;
+	let value = 0;
+	export let logs = [];
+	
+	async function new_promise() {
+		promise = new Promise(r => {
+			resolve = r;
+		});
+	}
+
+	async function resolve_promise() {
+		await Promise.resolve();
+		resolve(value++);
+	}
+
+	export async function test() {
+		resolve_promise();
+		await Promise.resolve();
+		new_promise();
+		resolve_promise();
+		return tick();
+	}
+
+	new_promise();
+</script>
+
+{#await promise}
+	Loading...
+{:then state}
+	<Component {state} {logs} />
+{/await}
\ No newline at end of file
diff --git a/test/runtime/samples/binding-indirect-value/Component.svelte b/test/runtime/samples/binding-indirect-value/Component.svelte
new file mode 100644
index 00000000000..25bf0d6758c
--- /dev/null
+++ b/test/runtime/samples/binding-indirect-value/Component.svelte
@@ -0,0 +1,6 @@
+<script>
+	export let value;
+	value = "bar";
+</script>
+
+Child component "{value}"<br />
diff --git a/test/runtime/samples/binding-indirect-value/_config.js b/test/runtime/samples/binding-indirect-value/_config.js
new file mode 100644
index 00000000000..4eaf6839aa1
--- /dev/null
+++ b/test/runtime/samples/binding-indirect-value/_config.js
@@ -0,0 +1,8 @@
+export default {
+	async test({ assert, target }) {
+		assert.htmlEqual(target.innerHTML, `
+		Parent component "bar"<br />
+		Child component "bar"<br />
+		`);
+	}
+};
diff --git a/test/runtime/samples/binding-indirect-value/main.svelte b/test/runtime/samples/binding-indirect-value/main.svelte
new file mode 100644
index 00000000000..db2734c8909
--- /dev/null
+++ b/test/runtime/samples/binding-indirect-value/main.svelte
@@ -0,0 +1,8 @@
+<script>
+	import Component from "./Component.svelte";
+
+	let value = "foo";
+</script>
+
+Parent component "{value}"<br />
+<Component bind:value />
diff --git a/test/runtime/samples/binding-input-group-each-10/_config.js b/test/runtime/samples/binding-input-group-each-10/_config.js
new file mode 100644
index 00000000000..edfc508f054
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-10/_config.js
@@ -0,0 +1,52 @@
+// https://github.com/sveltejs/svelte/issues/7633
+export default {
+	async test({ assert, target, component, window }) {
+		let inputs = target.querySelectorAll('input');
+
+		assert.equal(inputs[0].checked, true);
+		assert.equal(inputs[1].checked, false);
+		assert.equal(inputs[2].checked, false);
+
+		component.moveDown(0);
+		component.moveDown(1);
+		await Promise.resolve();
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<div class="item">
+					b <label><input name="current" type="radio" value="b"> current</label>
+				</div>
+				<div class="item">
+					c <label><input name="current" type="radio" value="c"> current</label>
+				</div>
+				<div class="item">
+					a <label><input name="current" type="radio" value="a"> current</label>
+				</div>
+			`
+		);
+
+		// after shifting order, should still keep the correct radio checked
+		inputs = target.querySelectorAll('input');
+		assert.equal(inputs[0].checked, false);
+		assert.equal(inputs[1].checked, false);
+		assert.equal(inputs[2].checked, true);
+
+		(component.current = 'b');
+		await Promise.resolve();
+
+		inputs = target.querySelectorAll('input');
+		assert.equal(inputs[0].checked, true);
+		assert.equal(inputs[1].checked, false);
+		assert.equal(inputs[2].checked, false);
+
+		component.moveDown(1);
+		await Promise.resolve();
+
+		// after shifting order, should still keep the correct radio checked
+		inputs = target.querySelectorAll('input');
+		assert.equal(inputs[0].checked, true);
+		assert.equal(inputs[1].checked, false);
+		assert.equal(inputs[2].checked, false);
+	}
+};
diff --git a/test/runtime/samples/binding-input-group-each-10/main.svelte b/test/runtime/samples/binding-input-group-each-10/main.svelte
new file mode 100644
index 00000000000..7c81cada9a0
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-10/main.svelte
@@ -0,0 +1,36 @@
+<script>
+	export let list = [
+		{ name: "a", text: "This is a test." },
+		{ name: "b", text: "This is another test." },
+		{ name: "c", text: "This is also a test." },
+	];
+	export let current = "a";
+	export function moveUp(i) {
+		list = [
+			...list.slice(0, Math.max(i - 1, 0)),
+			list[i],
+			list[i - 1],
+			...list.slice(i + 1),
+		];
+	}
+	export function moveDown(i) {
+		moveUp(i + 1);
+	}
+</script>
+
+{#each list as item (item.name)}
+	<div class="item">
+		{item.name}
+		{#if true}
+			<label
+				><input
+					type="radio"
+					name="current"
+					bind:group={current}
+					value={item.name}
+				/> current</label
+			>
+		{/if}
+	</div>
+{/each}
+
diff --git a/test/runtime/samples/binding-input-group-each-11/_config.js b/test/runtime/samples/binding-input-group-each-11/_config.js
new file mode 100644
index 00000000000..a90993861a7
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-11/_config.js
@@ -0,0 +1,88 @@
+// https://github.com/sveltejs/svelte/issues/6112
+export default {
+	async test({ assert, target, component, window }) {
+		let inputs = target.querySelectorAll('input');
+
+		const check = (set) => {
+			for (let i = 0; i < inputs.length; i++) {
+				assert.equal(inputs[i].checked, set.has(i));
+			}
+		};
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<div>1</div>
+				<div>2 
+					<div class="arg">
+						<input type="radio" value="a">
+						<input type="radio" value="b">
+					</div>
+					<div class="arg">
+						<input type="radio" value="c">
+						<input type="radio" value="d">
+					</div>
+				</div>
+				<div>3 
+					<div class="arg">
+						<input type="radio" value="a">
+						<input type="radio" value="b">
+					</div>
+					<div class="arg">
+						<input type="radio" value="c">
+						<input type="radio" value="d">
+					</div>
+				</div>
+			`
+		);
+
+		check(new Set([0, 2, 5, 6]));
+
+		const event = new window.Event('change');
+
+		// dom to value
+		inputs[3].checked = true;
+		await inputs[3].dispatchEvent(event);
+
+		check(new Set([0, 3, 5, 6]));
+		assert.equal(component.pipelineOperations[1].operation.args[1].value, 'd');
+
+		// remove item
+		component.pipelineOperations = component.pipelineOperations.slice(1);
+		await Promise.resolve();
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<div>2 
+					<div class="arg">
+						<input type="radio" value="a">
+						<input type="radio" value="b">
+					</div>
+					<div class="arg">
+						<input type="radio" value="c">
+						<input type="radio" value="d">
+					</div>
+				</div>
+				<div>3 
+					<div class="arg">
+						<input type="radio" value="a">
+						<input type="radio" value="b">
+					</div>
+					<div class="arg">
+						<input type="radio" value="c">
+						<input type="radio" value="d">
+					</div>
+				</div>
+			`
+		);
+
+		inputs = target.querySelectorAll('input');
+		check(new Set([0, 3, 5, 6]));
+
+		inputs[2].checked = true;
+		await inputs[2].dispatchEvent(event);
+		
+		check(new Set([0, 2, 5, 6]));
+	}
+};
diff --git a/test/runtime/samples/binding-input-group-each-11/main.svelte b/test/runtime/samples/binding-input-group-each-11/main.svelte
new file mode 100644
index 00000000000..7c759b5bb4a
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-11/main.svelte
@@ -0,0 +1,60 @@
+<script>
+	export let pipelineOperations = [
+		{
+			operation: {
+				name: "foo",
+				args: [],
+			},
+			id: 1,
+		},
+		{
+			operation: {
+				name: "bar",
+				args: [
+					{
+						name: "bar_1",
+						value: "a",
+						options: [{ value: "a" }, { value: "b" }],
+					},
+					{
+						name: "bar_2",
+						value: "c",
+						options: [{ value: "c" }, { value: "d" }],
+					},
+				],
+			},
+			id: 2,
+		},
+		{
+			operation: {
+				name: "baz",
+				args: [
+					{
+						name: "baz_1",
+						value: "b",
+						options: [{ value: "a" }, { value: "b" }],
+					},
+					{
+						name: "baz_2",
+						value: "c",
+						options: [{ value: "c" }, { value: "d" }],
+					},
+				],
+			},
+			id: 3,
+		},
+	];
+</script>
+
+{#each pipelineOperations as { operation, id } (id)}
+	<div>
+		{id}
+		{#each operation.args as arg}
+			<div class="arg">
+				{#each arg.options as { value }}
+					<input type="radio" bind:group={arg.value} {value} />
+				{/each}
+			</div>
+		{/each}
+	</div>
+{/each}
diff --git a/test/runtime/samples/binding-input-group-each-12/_config.js b/test/runtime/samples/binding-input-group-each-12/_config.js
new file mode 100644
index 00000000000..a3d6c92879c
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-12/_config.js
@@ -0,0 +1,89 @@
+// https://github.com/sveltejs/svelte/issues/6112
+export default {
+	async test({ assert, target, component, window }) {
+		let inputs = target.querySelectorAll('input');
+
+		const check = (set) => {
+			for (let i = 0; i < inputs.length; i++) {
+				assert.equal(inputs[i].checked, set.has(i));
+			}
+		};
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<div>1</div>
+				<div>2 
+					<div class="arg">
+						<input type="checkbox" value="a">
+						<input type="checkbox" value="b">
+					</div>
+					<div class="arg">
+						<input type="checkbox" value="c">
+						<input type="checkbox" value="d">
+					</div>
+				</div>
+				<div>3 
+					<div class="arg">
+						<input type="checkbox" value="a">
+						<input type="checkbox" value="b">
+					</div>
+					<div class="arg">
+						<input type="checkbox" value="c">
+						<input type="checkbox" value="d">
+					</div>
+				</div>
+			`
+		);
+
+		check(new Set([0, 2]));
+
+		const event = new window.Event('change');
+
+		// dom to value
+		inputs[3].checked = true;
+		await inputs[3].dispatchEvent(event);
+
+		check(new Set([0, 2, 3]));
+		assert.deepEqual(component.pipelineOperations[1].operation.args[1].value, ['c', 'd']);
+
+		// remove item
+		component.pipelineOperations = component.pipelineOperations.slice(1);
+		await Promise.resolve();
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<div>2 
+					<div class="arg">
+						<input type="checkbox" value="a">
+						<input type="checkbox" value="b">
+					</div>
+					<div class="arg">
+						<input type="checkbox" value="c">
+						<input type="checkbox" value="d">
+					</div>
+				</div>
+				<div>3 
+					<div class="arg">
+						<input type="checkbox" value="a">
+						<input type="checkbox" value="b">
+					</div>
+					<div class="arg">
+						<input type="checkbox" value="c">
+						<input type="checkbox" value="d">
+					</div>
+				</div>
+			`
+		);
+
+		inputs = target.querySelectorAll('input');
+		check(new Set([0, 2, 3]));
+
+		inputs[5].checked = true;
+		await inputs[5].dispatchEvent(event);
+		
+		check(new Set([0, 2, 3, 5]));
+		assert.deepEqual(component.pipelineOperations[1].operation.args[0].value, ['b']);
+	}
+};
diff --git a/test/runtime/samples/binding-input-group-each-12/main.svelte b/test/runtime/samples/binding-input-group-each-12/main.svelte
new file mode 100644
index 00000000000..289353778ae
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-12/main.svelte
@@ -0,0 +1,60 @@
+<script>
+	export let pipelineOperations = [
+		{
+			operation: {
+				name: "foo",
+				args: [],
+			},
+			id: 1,
+		},
+		{
+			operation: {
+				name: "bar",
+				args: [
+					{
+						name: "bar_1",
+						value: ["a"],
+						options: [{ value: "a" }, { value: "b" }],
+					},
+					{
+						name: "bar_2",
+						value: ["c"],
+						options: [{ value: "c" }, { value: "d" }],
+					},
+				],
+			},
+			id: 2,
+		},
+		{
+			operation: {
+				name: "baz",
+				args: [
+					{
+						name: "baz_1",
+						value: [],
+						options: [{ value: "a" }, { value: "b" }],
+					},
+					{
+						name: "baz_2",
+						value: [],
+						options: [{ value: "c" }, { value: "d" }],
+					},
+				],
+			},
+			id: 3,
+		},
+	];
+</script>
+
+{#each pipelineOperations as { operation, id } (id)}
+	<div>
+		{id}
+		{#each operation.args as arg}
+			<div class="arg">
+				{#each arg.options as { value }}
+					<input type="checkbox" bind:group={arg.value} {value} />
+				{/each}
+			</div>
+		{/each}
+	</div>
+{/each}
diff --git a/test/runtime/samples/binding-input-group-each-13/_config.js b/test/runtime/samples/binding-input-group-each-13/_config.js
new file mode 100644
index 00000000000..affb94b8fb3
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-13/_config.js
@@ -0,0 +1,30 @@
+export default {
+	async test({ assert, target, window }) {
+		const [input1, input2] = target.querySelectorAll('input[type=text]');
+		const radio = target.querySelector('input[type=radio]');
+
+		assert.equal(radio.checked, false);
+		
+		const event = new window.Event('input');
+		
+		input1.value = 'world';
+		await input1.dispatchEvent(event);
+		assert.equal(radio.checked, true);
+
+		input2.value = 'foo';
+		await input2.dispatchEvent(event);
+		assert.equal(radio.checked, false);
+		
+		input1.value = 'foo';
+		await input1.dispatchEvent(event);
+		assert.equal(radio.checked, true);
+		
+		input1.value = 'bar';
+		await input1.dispatchEvent(event);
+		assert.equal(radio.checked, false);
+		
+		input2.value = 'bar';
+		await input2.dispatchEvent(event);
+		assert.equal(radio.checked, true);
+	}
+};
diff --git a/test/runtime/samples/binding-input-group-each-13/main.svelte b/test/runtime/samples/binding-input-group-each-13/main.svelte
new file mode 100644
index 00000000000..592be2ae9d3
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-13/main.svelte
@@ -0,0 +1,10 @@
+<script>
+	let name = 'world';
+	let current = '';
+</script>
+
+<input type="radio" name="current" bind:group={current} value={name}>
+
+<input type="text" bind:value={current} />
+
+<input type="text" bind:value={name} />
diff --git a/test/runtime/samples/binding-input-group-each-8/_config.js b/test/runtime/samples/binding-input-group-each-8/_config.js
new file mode 100644
index 00000000000..b17b801a831
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-8/_config.js
@@ -0,0 +1,78 @@
+// https://github.com/sveltejs/svelte/issues/7884
+export default {
+	async test({ assert, target, component, window }) {
+		let inputs = target.querySelectorAll('input');
+
+		assert.htmlEqual(target.innerHTML, `
+			<p>{"foo":[],"bar":[]}</p>
+			<h2>foo</h2>
+			<ul>
+				<li><label><input name="foo" type="checkbox" value="1"> 1</label></li>
+				<li><label><input name="foo" type="checkbox" value="2"> 2</label></li>
+				<li><label><input name="foo" type="checkbox" value="3"> 3</label></li>
+			</ul>
+			<h2>bar</h2>
+			<ul>
+				<li><label><input name="bar" type="checkbox" value="1"> 1</label></li>
+				<li><label><input name="bar" type="checkbox" value="2"> 2</label></li>
+				<li><label><input name="bar" type="checkbox" value="3"> 3</label></li>
+			</ul>
+		`);
+
+		const event = new window.Event('change');
+
+		inputs[0].checked = true;
+		await inputs[0].dispatchEvent(event);
+		inputs[2].checked = true;
+		await inputs[2].dispatchEvent(event);
+		inputs[3].checked = true;
+		await inputs[3].dispatchEvent(event);
+
+		assert.htmlEqual(target.innerHTML, `
+			<p>{"foo":[1,3],"bar":[1]}</p>
+			<h2>foo</h2>
+			<ul>
+				<li><label><input name="foo" type="checkbox" value="1"> 1</label></li>
+				<li><label><input name="foo" type="checkbox" value="2"> 2</label></li>
+				<li><label><input name="foo" type="checkbox" value="3"> 3</label></li>
+			</ul>
+			<h2>bar</h2>
+			<ul>
+				<li><label><input name="bar" type="checkbox" value="1"> 1</label></li>
+				<li><label><input name="bar" type="checkbox" value="2"> 2</label></li>
+				<li><label><input name="bar" type="checkbox" value="3"> 3</label></li>
+			</ul>		
+		`);
+		
+		await component.update();
+
+		assert.htmlEqual(target.innerHTML, `
+			<p>{"foo":[1,3],"bar":[1],"qux":[]}</p>
+			<h2>qux</h2>
+			<ul>
+				<li><label><input name="qux" type="checkbox" value="4"> 4</label></li>
+				<li><label><input name="qux" type="checkbox" value="5"> 5</label></li>
+				<li><label><input name="qux" type="checkbox" value="6"> 6</label></li>
+			</ul>
+		`);
+
+		inputs = target.querySelectorAll('input');
+		inputs[0].checked = true;
+		await inputs[0].dispatchEvent(event);
+
+		assert.htmlEqual(target.innerHTML, `
+			<p>{"foo":[1,3],"bar":[1],"qux":[4]}</p>
+			<h2>qux</h2>
+			<ul>
+				<li><label><input name="qux" type="checkbox" value="4"> 4</label></li>
+				<li><label><input name="qux" type="checkbox" value="5"> 5</label></li>
+				<li><label><input name="qux" type="checkbox" value="6"> 6</label></li>
+			</ul>
+		`);
+		assert.equal(inputs[0].checked, true);
+		assert.equal(inputs[1].checked, false);
+		assert.equal(inputs[2].checked, false);
+	}
+};
+
+
diff --git a/test/runtime/samples/binding-input-group-each-8/main.svelte b/test/runtime/samples/binding-input-group-each-8/main.svelte
new file mode 100644
index 00000000000..a6c5bccac0f
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-8/main.svelte
@@ -0,0 +1,36 @@
+<script>
+	let keys = ["foo", "bar"];
+	let values = [1, 2, 3];
+
+	const object = {};
+
+	$: keys.forEach((key) => {
+		// Make sure Svelte has an array to bind to
+		if (!object[key]) {
+			object[key] = [];
+		}
+	});
+
+	export function update() {
+		keys = ["qux"];
+		values = [4, 5, 6];
+	}
+</script>
+
+<p>
+	{JSON.stringify(object)}
+</p>
+
+{#each keys as key (key)}
+	<h2>{key}</h2>
+	<ul>
+		{#each values as value (value)}
+			<li>
+				<label>
+					<input type="checkbox" name={key} {value} bind:group={object[key]} />
+					{value}
+				</label>
+			</li>
+		{/each}
+	</ul>
+{/each}
diff --git a/test/runtime/samples/binding-input-group-each-9/_config.js b/test/runtime/samples/binding-input-group-each-9/_config.js
new file mode 100644
index 00000000000..e2b48a83d79
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-9/_config.js
@@ -0,0 +1,49 @@
+// https://github.com/sveltejs/svelte/issues/7633
+export default {
+	async test({ assert, target, component, window }) {
+		let inputs = target.querySelectorAll('input');
+
+		assert.equal(inputs[0].checked, true);
+		assert.equal(inputs[1].checked, false);
+		assert.equal(inputs[2].checked, false);
+
+		await component.moveDown(0);
+		await component.moveDown(1);
+		
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<div class="item">
+					b <label><input name="current" type="radio" value="b"> current</label>
+				</div>
+				<div class="item">
+					c <label><input name="current" type="radio" value="c"> current</label>
+				</div>
+				<div class="item">
+					a <label><input name="current" type="radio" value="a"> current</label>
+				</div>
+			`
+		);
+
+		// after shifting order, should still keep the correct radio checked
+		inputs = target.querySelectorAll('input');
+		assert.equal(inputs[0].checked, false);
+		assert.equal(inputs[1].checked, false);
+		assert.equal(inputs[2].checked, true);
+
+		await (component.current = 'b');
+		
+		inputs = target.querySelectorAll('input');
+		assert.equal(inputs[0].checked, true);
+		assert.equal(inputs[1].checked, false);
+		assert.equal(inputs[2].checked, false);
+
+		await component.moveDown(1);
+
+		// after shifting order, should still keep the correct radio checked
+		inputs = target.querySelectorAll('input');
+		assert.equal(inputs[0].checked, true);
+		assert.equal(inputs[1].checked, false);
+		assert.equal(inputs[2].checked, false);
+	}
+};
diff --git a/test/runtime/samples/binding-input-group-each-9/main.svelte b/test/runtime/samples/binding-input-group-each-9/main.svelte
new file mode 100644
index 00000000000..ee89123a9a1
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-9/main.svelte
@@ -0,0 +1,36 @@
+<script>
+	export let list = [
+		{ name: "a", text: "This is a test." },
+		{ name: "b", text: "This is another test." },
+		{ name: "c", text: "This is also a test." },
+	];
+	export let current = "a";
+	export function moveUp(i) {
+		list = [
+			...list.slice(0, Math.max(i - 1, 0)),
+			list[i],
+			list[i - 1],
+			...list.slice(i + 1),
+		];
+	}
+	export function moveDown(i) {
+		moveUp(i + 1);
+	}
+</script>
+
+{#each list as item}
+	<div class="item">
+		{item.name}
+		{#if true}
+			<label
+				><input
+					type="radio"
+					name="current"
+					bind:group={current}
+					value={item.name}
+				/> current</label
+			>
+		{/if}
+	</div>
+{/each}
+
diff --git a/test/runtime/samples/binding-input-group-undefined/_config.js b/test/runtime/samples/binding-input-group-undefined/_config.js
new file mode 100644
index 00000000000..501e37813ce
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-undefined/_config.js
@@ -0,0 +1,25 @@
+export default {
+
+	async test({ assert, target, component, window }) {
+		const [input1, input2, input3] = target.querySelectorAll('input');
+		const event = new window.Event('change');
+
+		function validate_inputs(v1, v2, v3) {
+			assert.equal(input1.checked, v1);
+			assert.equal(input2.checked, v2);
+			assert.equal(input3.checked, v3);
+		}
+
+		assert.deepEqual(component.values.inner, []);
+		validate_inputs(false, false, false);
+
+		component.values = { inner: undefined };
+		assert.deepEqual(component.values.inner, undefined);
+		validate_inputs(false, false, false);
+
+		input1.checked = true;
+		await input1.dispatchEvent(event);
+		assert.deepEqual(component.values.inner, ['first']);
+		validate_inputs(true, false, false);
+	}
+};
diff --git a/test/runtime/samples/binding-input-group-undefined/main.svelte b/test/runtime/samples/binding-input-group-undefined/main.svelte
new file mode 100644
index 00000000000..4dadc84a310
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-undefined/main.svelte
@@ -0,0 +1,15 @@
+<script>
+	export let values = {
+		inner: []
+	};
+</script>
+
+<input type='checkbox' value='first' bind:group={values.inner} />
+<input type='checkbox' value='second' bind:group={values.inner} />
+<input type='checkbox' value='third' bind:group={values.inner} />
+
+<div>
+	{#each ['first', 'second', 'third'] as k}
+		<span>{k}</span>
+	{/each}
+</div>
diff --git a/test/runtime/samples/binding-no-unnecessary-invalidation.skip/Tab.svelte b/test/runtime/samples/binding-no-unnecessary-invalidation.skip/Tab.svelte
new file mode 100644
index 00000000000..86e2413898a
--- /dev/null
+++ b/test/runtime/samples/binding-no-unnecessary-invalidation.skip/Tab.svelte
@@ -0,0 +1,3 @@
+<script>
+	export let tab;
+</script>
diff --git a/test/runtime/samples/binding-no-unnecessary-invalidation.skip/_config.js b/test/runtime/samples/binding-no-unnecessary-invalidation.skip/_config.js
new file mode 100644
index 00000000000..d7e553fd46d
--- /dev/null
+++ b/test/runtime/samples/binding-no-unnecessary-invalidation.skip/_config.js
@@ -0,0 +1,10 @@
+// this test currently fails because the fix that made it pass broke other tests,
+// see https://github.com/sveltejs/svelte/pull/8114 for more context.
+export default {
+	skip: true,
+	async test({ assert, target }) {
+		assert.htmlEqual(target.innerHTML, `
+			<p>0</p>
+		`);
+	}
+};
diff --git a/test/runtime/samples/binding-no-unnecessary-invalidation.skip/main.svelte b/test/runtime/samples/binding-no-unnecessary-invalidation.skip/main.svelte
new file mode 100644
index 00000000000..c57781cc977
--- /dev/null
+++ b/test/runtime/samples/binding-no-unnecessary-invalidation.skip/main.svelte
@@ -0,0 +1,17 @@
+<script>
+	import { writable } from "svelte/store";
+	import Tab from "./Tab.svelte";
+
+	let i = 0;
+	const { set, subscribe } = writable({ id: 1, name: "tab1" });
+	const tab = {
+		set(value) {
+			i++;
+			set(value);
+		},
+		subscribe,
+	};
+</script>
+
+<Tab bind:tab={$tab} />
+<p>{i}</p>
diff --git a/test/runtime/samples/binding-select-initial-value-undefined-2/_config.js b/test/runtime/samples/binding-select-initial-value-undefined-2/_config.js
new file mode 100644
index 00000000000..f7c91809bdb
--- /dev/null
+++ b/test/runtime/samples/binding-select-initial-value-undefined-2/_config.js
@@ -0,0 +1,25 @@
+export default {
+	skip_if_ssr: true, // TODO would be nice to fix this in SSR as well
+
+	html: `
+		<p>selected: b</p>
+
+		<select>
+			<option value='a'>a</option>
+			<option value='b'>b</option>
+			<option value='c'>c</option>
+		</select>
+
+		<p>selected: b</p>
+	`,
+
+	test({ assert, component, target }) {
+		assert.equal(component.selected, 'b');
+		const select = target.querySelector('select');
+		const options = [...target.querySelectorAll('option')];
+
+		// option with selected attribute should be selected
+		assert.equal(select.value, 'b');
+		assert.ok(options[1].selected);
+	}
+};
diff --git a/test/runtime/samples/binding-select-initial-value-undefined-2/main.svelte b/test/runtime/samples/binding-select-initial-value-undefined-2/main.svelte
new file mode 100644
index 00000000000..0640a9ce271
--- /dev/null
+++ b/test/runtime/samples/binding-select-initial-value-undefined-2/main.svelte
@@ -0,0 +1,13 @@
+<script>
+	export let selected;
+</script>
+
+<p>selected: {selected}</p>
+
+<select bind:value={selected}>
+	<option>a</option>
+	<option selected>b</option>
+	<option>c</option>
+</select>
+
+<p>selected: {selected}</p>
\ No newline at end of file
diff --git a/test/runtime/samples/binding-select-initial-value-undefined/_config.js b/test/runtime/samples/binding-select-initial-value-undefined/_config.js
index 27bac7ef77d..c95cd44046f 100644
--- a/test/runtime/samples/binding-select-initial-value-undefined/_config.js
+++ b/test/runtime/samples/binding-select-initial-value-undefined/_config.js
@@ -5,6 +5,7 @@ export default {
 		<p>selected: a</p>
 
 		<select>
+			<option disabled='' value='x'>x</option>
 			<option value='a'>a</option>
 			<option value='b'>b</option>
 			<option value='c'>c</option>
@@ -18,7 +19,8 @@ export default {
 		const select = target.querySelector('select');
 		const options = [...target.querySelectorAll('option')];
 
+		// first enabled option should be selected
 		assert.equal(select.value, 'a');
-		assert.ok(options[0].selected);
+		assert.ok(options[1].selected);
 	}
 };
diff --git a/test/runtime/samples/binding-select-initial-value-undefined/main.svelte b/test/runtime/samples/binding-select-initial-value-undefined/main.svelte
index 5cb1e9fae79..8c3bd0258f1 100644
--- a/test/runtime/samples/binding-select-initial-value-undefined/main.svelte
+++ b/test/runtime/samples/binding-select-initial-value-undefined/main.svelte
@@ -5,6 +5,7 @@
 <p>selected: {selected}</p>
 
 <select bind:value={selected}>
+	<option disabled>x</option>
 	<option>a</option>
 	<option>b</option>
 	<option>c</option>
diff --git a/test/runtime/samples/binding-select-unmatched/_config.js b/test/runtime/samples/binding-select-unmatched/_config.js
index 99e7d23927b..45594407b38 100644
--- a/test/runtime/samples/binding-select-unmatched/_config.js
+++ b/test/runtime/samples/binding-select-unmatched/_config.js
@@ -56,5 +56,40 @@ export default {
 
 			<p>selected: d</p>
 		`);
+
+		component.selected = 'b'; // second option should now be selected
+		assert.equal(select.value, 'b');
+		assert.ok(options[1].selected);
+
+		assert.htmlEqual(target.innerHTML, `
+			<p>selected: b</p>
+
+			<select>
+				<option value='a'>a</option>
+				<option value='b'>b</option>
+				<option value='c'>c</option>
+			</select>
+
+			<p>selected: b</p>
+		`);
+
+		component.selected = undefined; // also doesn't match an option
+
+		// now no option should be selected again
+		assert.equal(select.value, '');
+		assert.equal(select.selectedIndex, -1);
+		assert.ok(!options[0].selected);
+
+		assert.htmlEqual(target.innerHTML, `
+			<p>selected: undefined</p>
+
+			<select>
+				<option value='a'>a</option>
+				<option value='b'>b</option>
+				<option value='c'>c</option>
+			</select>
+
+			<p>selected: undefined</p>
+		`);
 	}
 };
diff --git a/test/runtime/samples/binding-this-with-context/_config.js b/test/runtime/samples/binding-this-with-context/_config.js
index 33ef091b33e..66e862b6eaf 100644
--- a/test/runtime/samples/binding-this-with-context/_config.js
+++ b/test/runtime/samples/binding-this-with-context/_config.js
@@ -33,8 +33,8 @@ export default {
 		assert.equal(component.divs.length, 3, 'the divs array is still 3 long');
 		assert.equal(component.divs[2], null, 'the last div is unregistered');
 		assert.equal(component.ps[2], null, 'the last p is unregistered');
-		assert.equal(component.spans['-bar1'], null, 'the bar span is unregisterd');
-		assert.equal(component.hrs.bar, null, 'the bar hr is unregisterd');
+		assert.equal(component.spans['-bar1'], null, 'the bar span is unregistered');
+		assert.equal(component.hrs.bar, null, 'the bar hr is unregistered');
 
 		elems = target.querySelectorAll('div');
 		component.divs.forEach((e, i) => {
diff --git a/test/runtime/samples/class-shortcut-with-transition/_config.js b/test/runtime/samples/class-shortcut-with-transition/_config.js
new file mode 100644
index 00000000000..80df51bd4a3
--- /dev/null
+++ b/test/runtime/samples/class-shortcut-with-transition/_config.js
@@ -0,0 +1,30 @@
+export default {
+	props: {
+		open: false,
+		border: true
+	},
+	html: '<p>foo</p>',
+
+	test({ assert, component, target, raf }) {
+		component.open = true;
+		raf.tick(100);
+		assert.htmlEqual(
+			target.innerHTML,
+			'<p>foo</p><p class="red svelte-1yszte8 border" style="">bar</p>'
+		);
+
+		component.open = false;
+		raf.tick(150);
+		assert.htmlEqual(
+			target.innerHTML,
+			'<p>foo</p><p class="red svelte-1yszte8 border" style="animation: __svelte_1333973250_0 100ms linear 0ms 1 both;">bar</p>'
+		);
+
+		component.open = true;
+		raf.tick(250);
+		assert.htmlEqual(
+			target.innerHTML,
+			'<p>foo</p><p class="red svelte-1yszte8 border" style="">bar</p>'
+		);
+	}
+};
diff --git a/test/runtime/samples/class-shortcut-with-transition/main.svelte b/test/runtime/samples/class-shortcut-with-transition/main.svelte
new file mode 100644
index 00000000000..3291ec4a107
--- /dev/null
+++ b/test/runtime/samples/class-shortcut-with-transition/main.svelte
@@ -0,0 +1,17 @@
+<script>
+	import { slide } from "svelte/transition";
+	export let open = false;
+	export let color = "red";
+	export let border = false;
+</script>
+
+<p>foo</p>
+{#if open}
+	<p class={color} class:border transition:slide|local={{ duration: 100 }}>bar</p>
+{/if}
+
+<style>
+	.border {
+		border: 4px solid black;
+	}
+</style>
diff --git a/test/runtime/samples/class-with-spread-and-bind/main.svelte b/test/runtime/samples/class-with-spread-and-bind/main.svelte
index c7c24a2e7bc..6efedef0797 100644
--- a/test/runtime/samples/class-with-spread-and-bind/main.svelte
+++ b/test/runtime/samples/class-with-spread-and-bind/main.svelte
@@ -1,5 +1,5 @@
 <script>	
-	let primary = true;	
+	export let primary = true;
 	let elem;
 </script>
 
diff --git a/test/runtime/samples/component-binding-each-remount-keyed/Child.svelte b/test/runtime/samples/component-binding-each-remount-keyed/Child.svelte
new file mode 100644
index 00000000000..e6cbf9d1d0a
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-keyed/Child.svelte
@@ -0,0 +1,21 @@
+<script>
+	import InnerChild from './InnerChild.svelte';
+
+	export let id = 1;
+	export let count;
+	export let increment;
+
+	let list;
+	$: {
+		list = [];
+		for (let i = 0; i < count; ++i) {
+			list.push(i);
+		}
+	}
+</script>
+
+<div data-id={id}>
+	{#each list as item (item)}
+		<InnerChild val={item} {increment} />
+	{/each}
+</div>
diff --git a/test/runtime/samples/component-binding-each-remount-keyed/InnerChild.svelte b/test/runtime/samples/component-binding-each-remount-keyed/InnerChild.svelte
new file mode 100644
index 00000000000..f0b5d57a82c
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-keyed/InnerChild.svelte
@@ -0,0 +1,14 @@
+<script>
+	import { afterUpdate } from 'svelte';
+
+	export let val = 1;
+	export let increment;
+
+	afterUpdate(() => {
+		increment();
+	});
+</script>
+
+<inner>
+	{val}
+</inner>
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-each-remount-keyed/_config.js b/test/runtime/samples/component-binding-each-remount-keyed/_config.js
new file mode 100644
index 00000000000..181c1bce8bb
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-keyed/_config.js
@@ -0,0 +1,53 @@
+export default {
+	html: `
+		<div data-id="1">
+			<inner>0</inner>
+			<inner>1</inner>
+		</div>
+		<div data-id="2">
+			<inner>0</inner>
+			<inner>1</inner>
+		</div>
+		<div data-id="3">
+			<inner>0</inner>
+			<inner>1</inner>
+		</div>
+	`,
+
+	ssrHtml: `
+		<div data-id="1">
+			<inner>0</inner>
+			<inner>1</inner>
+			<inner>2</inner>
+		</div>
+		<div data-id="2">
+			<inner>0</inner>
+			<inner>1</inner>
+			<inner>2</inner>
+		</div>
+		<div data-id="3">
+			<inner>0</inner>
+			<inner>1</inner>
+			<inner>2</inner>
+		</div>
+	`,
+
+	async test({ assert, component, target }) {
+		await component.done;
+		assert.equal(component.getCounter(), 13);
+		assert.htmlEqual(target.innerHTML, `
+			<div data-id="3">
+				<inner>0</inner>
+				<inner>1</inner>
+			</div>
+			<div data-id="2">
+				<inner>0</inner>
+				<inner>1</inner>
+			</div>
+			<div data-id="1">
+				<inner>0</inner>
+				<inner>1</inner>
+			</div>
+		`);
+	}
+};
diff --git a/test/runtime/samples/component-binding-each-remount-keyed/main.svelte b/test/runtime/samples/component-binding-each-remount-keyed/main.svelte
new file mode 100644
index 00000000000..7f4c448d8fd
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-keyed/main.svelte
@@ -0,0 +1,35 @@
+<script>
+	import { onMount } from 'svelte';
+	import Child from './Child.svelte';
+
+	let updateCounter = 0;
+	let promiseResolve;
+	export const done = new Promise(resolve => {
+		promiseResolve = resolve;
+	});
+	export const getCounter = () => {
+		return updateCounter;
+	};
+
+	let vals = [1, 2, 3];
+	const instances = [];
+	let count = 3;
+
+	const increment = () => {
+		++updateCounter;
+	};
+
+	onMount(() => {
+		count = 2;
+
+		setTimeout(() => {
+			vals = vals.reverse();
+
+			setTimeout(promiseResolve);
+		});
+	});
+</script>
+
+{#each vals as val, index (val)}
+	<Child bind:this={instances[index]} id={val} {count} {increment} />
+{/each}
diff --git a/test/runtime/samples/component-binding-each-remount-unkeyed/Child.svelte b/test/runtime/samples/component-binding-each-remount-unkeyed/Child.svelte
new file mode 100644
index 00000000000..8b7edc10f48
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-unkeyed/Child.svelte
@@ -0,0 +1,21 @@
+<script>
+	import InnerChild from './InnerChild.svelte';
+
+	export let id = 1;
+	export let count;
+	export let increment;
+
+	let list;
+	$: {
+		list = [];
+		for (let i = 0; i < count; ++i) {
+			list.push(i);
+		}
+	}
+</script>
+
+<div data-id={id}>
+	{#each list as item}
+		<InnerChild val={item} {increment} />
+	{/each}
+</div>
diff --git a/test/runtime/samples/component-binding-each-remount-unkeyed/InnerChild.svelte b/test/runtime/samples/component-binding-each-remount-unkeyed/InnerChild.svelte
new file mode 100644
index 00000000000..f0b5d57a82c
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-unkeyed/InnerChild.svelte
@@ -0,0 +1,14 @@
+<script>
+	import { afterUpdate } from 'svelte';
+
+	export let val = 1;
+	export let increment;
+
+	afterUpdate(() => {
+		increment();
+	});
+</script>
+
+<inner>
+	{val}
+</inner>
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-each-remount-unkeyed/_config.js b/test/runtime/samples/component-binding-each-remount-unkeyed/_config.js
new file mode 100644
index 00000000000..181c1bce8bb
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-unkeyed/_config.js
@@ -0,0 +1,53 @@
+export default {
+	html: `
+		<div data-id="1">
+			<inner>0</inner>
+			<inner>1</inner>
+		</div>
+		<div data-id="2">
+			<inner>0</inner>
+			<inner>1</inner>
+		</div>
+		<div data-id="3">
+			<inner>0</inner>
+			<inner>1</inner>
+		</div>
+	`,
+
+	ssrHtml: `
+		<div data-id="1">
+			<inner>0</inner>
+			<inner>1</inner>
+			<inner>2</inner>
+		</div>
+		<div data-id="2">
+			<inner>0</inner>
+			<inner>1</inner>
+			<inner>2</inner>
+		</div>
+		<div data-id="3">
+			<inner>0</inner>
+			<inner>1</inner>
+			<inner>2</inner>
+		</div>
+	`,
+
+	async test({ assert, component, target }) {
+		await component.done;
+		assert.equal(component.getCounter(), 13);
+		assert.htmlEqual(target.innerHTML, `
+			<div data-id="3">
+				<inner>0</inner>
+				<inner>1</inner>
+			</div>
+			<div data-id="2">
+				<inner>0</inner>
+				<inner>1</inner>
+			</div>
+			<div data-id="1">
+				<inner>0</inner>
+				<inner>1</inner>
+			</div>
+		`);
+	}
+};
diff --git a/test/runtime/samples/component-binding-each-remount-unkeyed/main.svelte b/test/runtime/samples/component-binding-each-remount-unkeyed/main.svelte
new file mode 100644
index 00000000000..7f4c448d8fd
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-unkeyed/main.svelte
@@ -0,0 +1,35 @@
+<script>
+	import { onMount } from 'svelte';
+	import Child from './Child.svelte';
+
+	let updateCounter = 0;
+	let promiseResolve;
+	export const done = new Promise(resolve => {
+		promiseResolve = resolve;
+	});
+	export const getCounter = () => {
+		return updateCounter;
+	};
+
+	let vals = [1, 2, 3];
+	const instances = [];
+	let count = 3;
+
+	const increment = () => {
+		++updateCounter;
+	};
+
+	onMount(() => {
+		count = 2;
+
+		setTimeout(() => {
+			vals = vals.reverse();
+
+			setTimeout(promiseResolve);
+		});
+	});
+</script>
+
+{#each vals as val, index (val)}
+	<Child bind:this={instances[index]} id={val} {count} {increment} />
+{/each}
diff --git a/test/runtime/samples/component-events-nullish/Widget.svelte b/test/runtime/samples/component-events-nullish/Widget.svelte
new file mode 100644
index 00000000000..07ae574403a
--- /dev/null
+++ b/test/runtime/samples/component-events-nullish/Widget.svelte
@@ -0,0 +1,14 @@
+<script>
+	import { createEventDispatcher } from 'svelte';
+	const dispatch = createEventDispatcher();
+	export let logs;
+
+	function click() {
+		try {
+			dispatch('click');
+		} catch (error) {
+			logs.push(error);
+		}
+	}
+</script>
+<button on:click={click} />
\ No newline at end of file
diff --git a/test/runtime/samples/component-events-nullish/_config.js b/test/runtime/samples/component-events-nullish/_config.js
new file mode 100644
index 00000000000..7c540b2a08f
--- /dev/null
+++ b/test/runtime/samples/component-events-nullish/_config.js
@@ -0,0 +1,9 @@
+export default {
+	async test({ assert, component, window, target }) {
+		const event = new window.MouseEvent('click');
+		const button = target.querySelector('button');
+		
+		await button.dispatchEvent(event);
+		assert.equal(component.logs.length, 0);
+	}
+};
diff --git a/test/runtime/samples/component-events-nullish/main.svelte b/test/runtime/samples/component-events-nullish/main.svelte
new file mode 100644
index 00000000000..0dee33b5d11
--- /dev/null
+++ b/test/runtime/samples/component-events-nullish/main.svelte
@@ -0,0 +1,6 @@
+<script>
+	import Widget from './Widget.svelte';
+	export let logs = [];
+</script>
+
+<Widget on:click={null} {logs} />
diff --git a/test/runtime/samples/component-not-constructor-dev/_config.js b/test/runtime/samples/component-not-constructor-dev/_config.js
new file mode 100644
index 00000000000..15ea469a0fe
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor-dev/_config.js
@@ -0,0 +1,8 @@
+export default {
+	skip_if_ssr: true,
+	skip_if_hydrate_from_ssr: true,
+	compileOptions: {
+		dev: true
+	},
+	error: 'this={...} of <svelte:component> should specify a Svelte component.'
+};
diff --git a/test/runtime/samples/component-not-constructor-dev/main.svelte b/test/runtime/samples/component-not-constructor-dev/main.svelte
new file mode 100644
index 00000000000..80f9f969e67
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor-dev/main.svelte
@@ -0,0 +1,5 @@
+<script>
+	let banana = {};
+</script>
+
+<svelte:component this={banana} />
diff --git a/test/runtime/samples/component-not-constructor/Sub.svelte b/test/runtime/samples/component-not-constructor/Sub.svelte
new file mode 100644
index 00000000000..dd6d0bb1a95
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor/Sub.svelte
@@ -0,0 +1 @@
+<div>Sub</div>
\ No newline at end of file
diff --git a/test/runtime/samples/component-not-constructor/_config.js b/test/runtime/samples/component-not-constructor/_config.js
new file mode 100644
index 00000000000..8c0dcced41e
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor/_config.js
@@ -0,0 +1,8 @@
+export default {
+	skip_if_ssr: true,
+	skip_if_hydrate_from_ssr: true,
+	props: {
+		selected: false
+	},
+	error: 'component is not a constructor'
+};
diff --git a/test/runtime/samples/component-not-constructor/main.svelte b/test/runtime/samples/component-not-constructor/main.svelte
new file mode 100644
index 00000000000..dec7e2af791
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor/main.svelte
@@ -0,0 +1,9 @@
+<script>
+	import Sub from './Sub.svelte';
+	export let selected;
+	let banana = {};
+	let component = banana;
+	$: selected ? component = Sub : component = banana;
+</script>
+
+<svelte:component this={component} />
diff --git a/test/runtime/samples/component-not-constructor2-dev/Sub.svelte b/test/runtime/samples/component-not-constructor2-dev/Sub.svelte
new file mode 100644
index 00000000000..dd6d0bb1a95
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor2-dev/Sub.svelte
@@ -0,0 +1 @@
+<div>Sub</div>
\ No newline at end of file
diff --git a/test/runtime/samples/component-not-constructor2-dev/_config.js b/test/runtime/samples/component-not-constructor2-dev/_config.js
new file mode 100644
index 00000000000..98e3cc942ba
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor2-dev/_config.js
@@ -0,0 +1,19 @@
+export default {
+	compileOptions: {
+		dev: true
+	},
+	props: {
+		componentName: 'Sub'
+	},
+	html: '<div>Sub</div>',
+	test({ assert, component, target }) {
+		component.componentName = 'Proxy';
+		assert.htmlEqual(target.innerHTML, '<div>Sub</div>');
+		try {
+			component.componentName = 'banana';
+			throw new Error('Expected an error');
+		} catch (err) {
+			assert.equal(err.message, 'this={...} of <svelte:component> should specify a Svelte component.');
+		}
+	}
+};
diff --git a/test/runtime/samples/component-not-constructor2-dev/main.svelte b/test/runtime/samples/component-not-constructor2-dev/main.svelte
new file mode 100644
index 00000000000..331fdfc385a
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor2-dev/main.svelte
@@ -0,0 +1,14 @@
+<script>
+	import Sub from './Sub.svelte';
+	export let componentName = 'Sub';
+	let proxy = new Proxy(Sub, {});
+	let banana = {};
+	let component;
+	$: {
+		if (componentName === 'Sub') component = Sub;
+		else if (componentName === 'Proxy') component = proxy;
+		else component = banana;
+	};
+</script>
+
+<svelte:component this={component} />
diff --git a/test/runtime/samples/component-not-constructor2/Sub.svelte b/test/runtime/samples/component-not-constructor2/Sub.svelte
new file mode 100644
index 00000000000..dd6d0bb1a95
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor2/Sub.svelte
@@ -0,0 +1 @@
+<div>Sub</div>
\ No newline at end of file
diff --git a/test/runtime/samples/component-not-constructor2/_config.js b/test/runtime/samples/component-not-constructor2/_config.js
new file mode 100644
index 00000000000..8fae65afdd9
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor2/_config.js
@@ -0,0 +1,16 @@
+export default {
+	props: {
+		componentName: 'Sub'
+	},
+	html: '<div>Sub</div>',
+	test({ assert, component, target }) {
+		component.componentName = 'Proxy';
+		assert.htmlEqual(target.innerHTML, '<div>Sub</div>');
+		try {
+			component.componentName = 'banana';
+			throw new Error('Expected an error');
+		} catch (err) {
+			assert.equal(err.message, 'component is not a constructor');
+		}
+	}
+};
diff --git a/test/runtime/samples/component-not-constructor2/main.svelte b/test/runtime/samples/component-not-constructor2/main.svelte
new file mode 100644
index 00000000000..331fdfc385a
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor2/main.svelte
@@ -0,0 +1,14 @@
+<script>
+	import Sub from './Sub.svelte';
+	export let componentName = 'Sub';
+	let proxy = new Proxy(Sub, {});
+	let banana = {};
+	let component;
+	$: {
+		if (componentName === 'Sub') component = Sub;
+		else if (componentName === 'Proxy') component = proxy;
+		else component = banana;
+	};
+</script>
+
+<svelte:component this={component} />
diff --git a/test/runtime/samples/component-slot-let-inline-function/Inner.svelte b/test/runtime/samples/component-slot-let-inline-function/Inner.svelte
new file mode 100644
index 00000000000..5a30e1855b6
--- /dev/null
+++ b/test/runtime/samples/component-slot-let-inline-function/Inner.svelte
@@ -0,0 +1,8 @@
+<script>
+  export let log;
+  export let b;
+  function innerCall(a) {
+    log(`a: ${a}, b: ${b}`);
+  }
+</script>
+<slot name="inner_slot" {innerCall} />
\ No newline at end of file
diff --git a/test/runtime/samples/component-slot-let-inline-function/Outer.svelte b/test/runtime/samples/component-slot-let-inline-function/Outer.svelte
new file mode 100644
index 00000000000..40ed99ca63c
--- /dev/null
+++ b/test/runtime/samples/component-slot-let-inline-function/Outer.svelte
@@ -0,0 +1,12 @@
+<script>
+  import Inner from './Inner.svelte'
+  export let log;
+  export let a;
+	export let b;
+</script>
+
+<Inner {log} {b}>
+  <svelte:fragment let:innerCall slot="inner_slot">
+    <slot outerCall={() => innerCall(a)} />
+  </svelte:fragment>
+</Inner>
\ No newline at end of file
diff --git a/test/runtime/samples/component-slot-let-inline-function/_config.js b/test/runtime/samples/component-slot-let-inline-function/_config.js
new file mode 100644
index 00000000000..55318efaea5
--- /dev/null
+++ b/test/runtime/samples/component-slot-let-inline-function/_config.js
@@ -0,0 +1,27 @@
+let logs;
+function log(value) {
+	logs.push(value);
+}
+
+export default {
+	html: '<button>click me</button>',
+	props: {
+		a: 'a',
+		b: 'b',
+		log
+	},
+	before_test() {
+		logs = [];
+	},
+	async test({ assert, component, target, window }) {
+		const button = target.querySelector('button');
+		await button.dispatchEvent(new window.MouseEvent('click'));
+
+		assert.deepEqual(logs, ['a: a, b: b']);
+
+		component.a = '1'; 
+		component.b = '2';
+		await button.dispatchEvent(new window.MouseEvent('click'));
+		assert.deepEqual(logs, ['a: a, b: b', 'a: 1, b: 2']);
+	}
+};
diff --git a/test/runtime/samples/component-slot-let-inline-function/main.svelte b/test/runtime/samples/component-slot-let-inline-function/main.svelte
new file mode 100644
index 00000000000..6ea417d0f29
--- /dev/null
+++ b/test/runtime/samples/component-slot-let-inline-function/main.svelte
@@ -0,0 +1,12 @@
+<script>
+	import Outer from "./Outer.svelte";
+	export let log = [];
+	export let a;
+	export let b;
+</script>
+
+<Outer let:outerCall {log} {a} {b}>
+	<button on:click={outerCall}>
+		click me
+	</button>
+</Outer>
diff --git a/test/runtime/samples/component-svelte-slot-2/Nested.svelte b/test/runtime/samples/component-svelte-fragment-2/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-2/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment-2/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot-2/_config.js b/test/runtime/samples/component-svelte-fragment-2/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-2/_config.js
rename to test/runtime/samples/component-svelte-fragment-2/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-2/main.svelte b/test/runtime/samples/component-svelte-fragment-2/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-2/main.svelte
rename to test/runtime/samples/component-svelte-fragment-2/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-aliased/Nested.svelte b/test/runtime/samples/component-svelte-fragment-let-aliased/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-aliased/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment-let-aliased/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-aliased/_config.js b/test/runtime/samples/component-svelte-fragment-let-aliased/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-aliased/_config.js
rename to test/runtime/samples/component-svelte-fragment-let-aliased/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let-aliased/main.svelte b/test/runtime/samples/component-svelte-fragment-let-aliased/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-aliased/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let-aliased/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-b/Nested.svelte b/test/runtime/samples/component-svelte-fragment-let-b/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-b/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment-let-b/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-b/_config.js b/test/runtime/samples/component-svelte-fragment-let-b/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-b/_config.js
rename to test/runtime/samples/component-svelte-fragment-let-b/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let-b/main.svelte b/test/runtime/samples/component-svelte-fragment-let-b/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-b/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let-b/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-c/Nested.svelte b/test/runtime/samples/component-svelte-fragment-let-c/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-c/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment-let-c/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-c/_config.js b/test/runtime/samples/component-svelte-fragment-let-c/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-c/_config.js
rename to test/runtime/samples/component-svelte-fragment-let-c/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let-c/main.svelte b/test/runtime/samples/component-svelte-fragment-let-c/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-c/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let-c/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-d/Nested.svelte b/test/runtime/samples/component-svelte-fragment-let-d/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-d/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment-let-d/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-d/_config.js b/test/runtime/samples/component-svelte-fragment-let-d/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-d/_config.js
rename to test/runtime/samples/component-svelte-fragment-let-d/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let-d/main.svelte b/test/runtime/samples/component-svelte-fragment-let-d/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-d/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let-d/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-destructured-2/Nested.svelte b/test/runtime/samples/component-svelte-fragment-let-destructured-2/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-destructured-2/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment-let-destructured-2/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-destructured-2/_config.js b/test/runtime/samples/component-svelte-fragment-let-destructured-2/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-destructured-2/_config.js
rename to test/runtime/samples/component-svelte-fragment-let-destructured-2/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let-destructured-2/main.svelte b/test/runtime/samples/component-svelte-fragment-let-destructured-2/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-destructured-2/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let-destructured-2/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-destructured/Nested.svelte b/test/runtime/samples/component-svelte-fragment-let-destructured/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-destructured/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment-let-destructured/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-destructured/_config.js b/test/runtime/samples/component-svelte-fragment-let-destructured/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-destructured/_config.js
rename to test/runtime/samples/component-svelte-fragment-let-destructured/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let-destructured/main.svelte b/test/runtime/samples/component-svelte-fragment-let-destructured/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-destructured/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let-destructured/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-e/A.svelte b/test/runtime/samples/component-svelte-fragment-let-e/A.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-e/A.svelte
rename to test/runtime/samples/component-svelte-fragment-let-e/A.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-e/B.svelte b/test/runtime/samples/component-svelte-fragment-let-e/B.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-e/B.svelte
rename to test/runtime/samples/component-svelte-fragment-let-e/B.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-e/_config.js b/test/runtime/samples/component-svelte-fragment-let-e/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-e/_config.js
rename to test/runtime/samples/component-svelte-fragment-let-e/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let-e/main.svelte b/test/runtime/samples/component-svelte-fragment-let-e/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-e/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let-e/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-f/A.svelte b/test/runtime/samples/component-svelte-fragment-let-f/A.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-f/A.svelte
rename to test/runtime/samples/component-svelte-fragment-let-f/A.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-f/_config.js b/test/runtime/samples/component-svelte-fragment-let-f/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-f/_config.js
rename to test/runtime/samples/component-svelte-fragment-let-f/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let-f/main.svelte b/test/runtime/samples/component-svelte-fragment-let-f/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-f/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let-f/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-in-binding/Nested.svelte b/test/runtime/samples/component-svelte-fragment-let-in-binding/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-in-binding/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment-let-in-binding/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-in-binding/_config.js b/test/runtime/samples/component-svelte-fragment-let-in-binding/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-in-binding/_config.js
rename to test/runtime/samples/component-svelte-fragment-let-in-binding/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let-in-binding/main.svelte b/test/runtime/samples/component-svelte-fragment-let-in-binding/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-in-binding/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let-in-binding/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-in-slot/Inner.svelte b/test/runtime/samples/component-svelte-fragment-let-in-slot/Inner.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-in-slot/Inner.svelte
rename to test/runtime/samples/component-svelte-fragment-let-in-slot/Inner.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-in-slot/Outer.svelte b/test/runtime/samples/component-svelte-fragment-let-in-slot/Outer.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-in-slot/Outer.svelte
rename to test/runtime/samples/component-svelte-fragment-let-in-slot/Outer.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-in-slot/_config.js b/test/runtime/samples/component-svelte-fragment-let-in-slot/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-in-slot/_config.js
rename to test/runtime/samples/component-svelte-fragment-let-in-slot/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let-in-slot/main.svelte b/test/runtime/samples/component-svelte-fragment-let-in-slot/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-in-slot/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let-in-slot/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-named/Nested.svelte b/test/runtime/samples/component-svelte-fragment-let-named/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-named/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment-let-named/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-named/_config.js b/test/runtime/samples/component-svelte-fragment-let-named/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-named/_config.js
rename to test/runtime/samples/component-svelte-fragment-let-named/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let-named/main.svelte b/test/runtime/samples/component-svelte-fragment-let-named/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-named/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let-named/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-static/Nested.svelte b/test/runtime/samples/component-svelte-fragment-let-static/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-static/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment-let-static/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let-static/_config.js b/test/runtime/samples/component-svelte-fragment-let-static/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-static/_config.js
rename to test/runtime/samples/component-svelte-fragment-let-static/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let-static/main.svelte b/test/runtime/samples/component-svelte-fragment-let-static/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let-static/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let-static/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let/Nested.svelte b/test/runtime/samples/component-svelte-fragment-let/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment-let/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot-let/_config.js b/test/runtime/samples/component-svelte-fragment-let/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let/_config.js
rename to test/runtime/samples/component-svelte-fragment-let/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-let/main.svelte b/test/runtime/samples/component-svelte-fragment-let/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-let/main.svelte
rename to test/runtime/samples/component-svelte-fragment-let/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot-nested/Child.svelte b/test/runtime/samples/component-svelte-fragment-nested/Child.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-nested/Child.svelte
rename to test/runtime/samples/component-svelte-fragment-nested/Child.svelte
diff --git a/test/runtime/samples/component-svelte-slot-nested/Nested.svelte b/test/runtime/samples/component-svelte-fragment-nested/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-nested/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment-nested/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot-nested/_config.js b/test/runtime/samples/component-svelte-fragment-nested/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-nested/_config.js
rename to test/runtime/samples/component-svelte-fragment-nested/_config.js
diff --git a/test/runtime/samples/component-svelte-slot-nested/main.svelte b/test/runtime/samples/component-svelte-fragment-nested/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot-nested/main.svelte
rename to test/runtime/samples/component-svelte-fragment-nested/main.svelte
diff --git a/test/runtime/samples/component-svelte-slot/B.svelte b/test/runtime/samples/component-svelte-fragment/B.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot/B.svelte
rename to test/runtime/samples/component-svelte-fragment/B.svelte
diff --git a/test/runtime/samples/component-svelte-slot/Nested.svelte b/test/runtime/samples/component-svelte-fragment/Nested.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot/Nested.svelte
rename to test/runtime/samples/component-svelte-fragment/Nested.svelte
diff --git a/test/runtime/samples/component-svelte-slot/_config.js b/test/runtime/samples/component-svelte-fragment/_config.js
similarity index 100%
rename from test/runtime/samples/component-svelte-slot/_config.js
rename to test/runtime/samples/component-svelte-fragment/_config.js
diff --git a/test/runtime/samples/component-svelte-slot/main.svelte b/test/runtime/samples/component-svelte-fragment/main.svelte
similarity index 100%
rename from test/runtime/samples/component-svelte-slot/main.svelte
rename to test/runtime/samples/component-svelte-fragment/main.svelte
diff --git a/test/runtime/samples/component-transition/_config.js b/test/runtime/samples/component-transition/_config.js
new file mode 100644
index 00000000000..ea25a14086b
--- /dev/null
+++ b/test/runtime/samples/component-transition/_config.js
@@ -0,0 +1,19 @@
+export default {
+	async test({ assert, target, raf }) {
+		const button = target.querySelector('#button');
+		const container = target.querySelector('#container');
+
+		// Multiple click on button
+		await button.dispatchEvent(new window.MouseEvent('click'));
+		await button.dispatchEvent(new window.MouseEvent('click'));
+		await button.dispatchEvent(new window.MouseEvent('click'));
+		await button.dispatchEvent(new window.MouseEvent('click'));
+		await button.dispatchEvent(new window.MouseEvent('click'));
+		await button.dispatchEvent(new window.MouseEvent('click'));
+		await button.dispatchEvent(new window.MouseEvent('click'));
+
+		assert.equal(container.children.length, 1);
+		raf.tick(501);
+		assert.equal(container.children.length, 0);
+	}
+};
diff --git a/test/runtime/samples/component-transition/main.svelte b/test/runtime/samples/component-transition/main.svelte
new file mode 100644
index 00000000000..218b303b212
--- /dev/null
+++ b/test/runtime/samples/component-transition/main.svelte
@@ -0,0 +1,13 @@
+<script>
+	import { slide } from 'svelte/transition';
+	let tag = 'div';
+	function toggle() {
+		tag = (tag) ? null : 'div';
+	}
+</script>
+
+<button id="button" on:click={toggle}>toggle</button> TAG={tag}
+
+<div id="container">
+	<svelte:element this={tag} transition:slide={{duration:500}}>CONTENT</svelte:element>	
+</div>
diff --git a/test/runtime/samples/const-tag-invalidate/_config.js b/test/runtime/samples/const-tag-invalidate/_config.js
new file mode 100644
index 00000000000..ffb1f148166
--- /dev/null
+++ b/test/runtime/samples/const-tag-invalidate/_config.js
@@ -0,0 +1,34 @@
+export default {
+	html: `
+		<div>[Y] A <button>Toggle</button></div>
+		<div>[N] B <button>Toggle</button></div>
+		<div>[N] C <button>Toggle</button></div>
+	`,
+	async test({ component, target, assert, window }) {
+		const [btn1, btn2, btn3] = target.querySelectorAll('button');
+		await btn1.dispatchEvent(new window.MouseEvent('click'));
+		await btn2.dispatchEvent(new window.MouseEvent('click'));
+
+		assert.htmlEqual(target.innerHTML, `
+			<div>[N] A <button>Toggle</button></div>
+			<div>[Y] B <button>Toggle</button></div>
+			<div>[N] C <button>Toggle</button></div>
+		`);
+
+		await btn2.dispatchEvent(new window.MouseEvent('click'));
+
+		assert.htmlEqual(target.innerHTML, `
+			<div>[N] A <button>Toggle</button></div>
+			<div>[N] B <button>Toggle</button></div>
+			<div>[N] C <button>Toggle</button></div>
+		`);
+
+		await btn3.dispatchEvent(new window.MouseEvent('click'));
+
+		assert.htmlEqual(target.innerHTML, `
+			<div>[N] A <button>Toggle</button></div>
+			<div>[N] B <button>Toggle</button></div>
+			<div>[Y] C <button>Toggle</button></div>
+		`);
+	}
+};
diff --git a/test/runtime/samples/const-tag-invalidate/main.svelte b/test/runtime/samples/const-tag-invalidate/main.svelte
new file mode 100644
index 00000000000..6e58cbd9e20
--- /dev/null
+++ b/test/runtime/samples/const-tag-invalidate/main.svelte
@@ -0,0 +1,16 @@
+<script>
+	let items = [
+		{ name: 'A', selected: true },
+		{ name: 'B', selected: false },
+		{ name: 'C', selected: false },
+	]
+</script>
+
+{#each items as item}
+	{@const toggle = () => item.selected = !item.selected}
+	<div>
+		{item.selected ? '[Y]' : '[N]'}
+		{item.name}
+		<button on:click={toggle}>Toggle</button>
+	</div>
+{/each}
diff --git a/test/runtime/samples/css-vars-escape/Sub.svelte b/test/runtime/samples/css-vars-escape/Sub.svelte
new file mode 100644
index 00000000000..4781b65b360
--- /dev/null
+++ b/test/runtime/samples/css-vars-escape/Sub.svelte
@@ -0,0 +1,7 @@
+<div>hi</div>
+
+<style>
+	div {
+		background-color: var(--color);
+	}
+</style>
diff --git a/test/runtime/samples/css-vars-escape/_config.js b/test/runtime/samples/css-vars-escape/_config.js
new file mode 100644
index 00000000000..04defbdae8c
--- /dev/null
+++ b/test/runtime/samples/css-vars-escape/_config.js
@@ -0,0 +1,12 @@
+export default {
+	html: `
+		<div style="display: contents; --color: &quot; onload=&quot;alert('uhoh')&quot; data-nothing=&quot;not important;">
+			<div class="svelte-271qee">hi</div>
+		</div>
+	`,
+	ssrHtml: `
+		<div style="display: contents; --color:&quot; onload=&quot;alert('uhoh')&quot; data-nothing=&quot;not important;">
+			<div class="svelte-271qee">hi</div>
+		</div>
+	`
+};
diff --git a/test/runtime/samples/css-vars-escape/main.svelte b/test/runtime/samples/css-vars-escape/main.svelte
new file mode 100644
index 00000000000..d18e2d57f2a
--- /dev/null
+++ b/test/runtime/samples/css-vars-escape/main.svelte
@@ -0,0 +1,6 @@
+<script>
+import Sub from './Sub.svelte';
+  export let attack = '" onload="alert(\'uhoh\')" data-nothing="not important';
+</script>
+
+<Sub --color={attack} />
diff --git a/test/runtime/samples/dev-warning-missing-data-component-bind/Foo.svelte b/test/runtime/samples/dev-warning-missing-data-component-bind/Foo.svelte
new file mode 100644
index 00000000000..60278c4845e
--- /dev/null
+++ b/test/runtime/samples/dev-warning-missing-data-component-bind/Foo.svelte
@@ -0,0 +1,8 @@
+<script>
+	export let w;
+	export let x;
+	export let y;
+	export let z = undefined;
+</script>
+
+<div>{w} {x} {y}</div>
\ No newline at end of file
diff --git a/test/runtime/samples/dev-warning-missing-data-component-bind/_config.js b/test/runtime/samples/dev-warning-missing-data-component-bind/_config.js
new file mode 100644
index 00000000000..ececa00a8c4
--- /dev/null
+++ b/test/runtime/samples/dev-warning-missing-data-component-bind/_config.js
@@ -0,0 +1,9 @@
+export default {
+	compileOptions: {
+		dev: true
+	},
+
+	warnings: [
+		"<Foo> was created without expected prop 'y'"
+	]
+};
diff --git a/test/runtime/samples/dev-warning-missing-data-component-bind/main.svelte b/test/runtime/samples/dev-warning-missing-data-component-bind/main.svelte
new file mode 100644
index 00000000000..eab3c8336fc
--- /dev/null
+++ b/test/runtime/samples/dev-warning-missing-data-component-bind/main.svelte
@@ -0,0 +1,8 @@
+<script>
+	import Foo from './Foo.svelte';
+
+	let x = undefined;
+	let w = 'w';
+</script>
+
+<Foo bind:w bind:x />
\ No newline at end of file
diff --git a/test/runtime/samples/dynamic-component-dirty/_config.js b/test/runtime/samples/dynamic-component-dirty/_config.js
new file mode 100644
index 00000000000..bace92f21b4
--- /dev/null
+++ b/test/runtime/samples/dynamic-component-dirty/_config.js
@@ -0,0 +1,24 @@
+const calls = [];
+export default {
+	props: {
+		calls
+	},
+
+	before_test() {
+		calls.length = 0;
+	},
+
+	async test({ assert, component, target, window }) {
+		const buttons = target.querySelector('button');
+
+		assert.deepEqual(calls.length, 1);
+
+		const event = new window.MouseEvent('click');
+		await buttons.dispatchEvent(event);
+
+		assert.deepEqual(calls.length, 1);
+
+		component.current_path = 'bar';
+		assert.deepEqual(calls.length, 2);
+	}
+};
diff --git a/test/runtime/samples/dynamic-component-dirty/main.svelte b/test/runtime/samples/dynamic-component-dirty/main.svelte
new file mode 100644
index 00000000000..37317e98aad
--- /dev/null
+++ b/test/runtime/samples/dynamic-component-dirty/main.svelte
@@ -0,0 +1,16 @@
+<script>
+	export let current_path = 'foo';
+	export let calls;
+	let i = 0;
+	function getComponent(path) {
+		calls.push(path);
+		return null;
+	}
+	function onClick() {
+		i = i + 1;
+	}
+</script>
+
+<svelte:component this={getComponent(current_path)} />
+<button on:click={onClick}>click me</button>
+{i}
diff --git a/test/runtime/samples/dynamic-element-class-directive/Link.svelte b/test/runtime/samples/dynamic-element-class-directive/Link.svelte
new file mode 100644
index 00000000000..c58b3d1dc5c
--- /dev/null
+++ b/test/runtime/samples/dynamic-element-class-directive/Link.svelte
@@ -0,0 +1,13 @@
+<script>
+	export let item;
+</script>
+
+<svelte:element this="div" class:active={true}>
+	{item.text}
+</svelte:element>
+
+<style>
+	.active {
+		color: red;
+	}
+</style>
diff --git a/test/runtime/samples/dynamic-element-class-directive/_config.js b/test/runtime/samples/dynamic-element-class-directive/_config.js
new file mode 100644
index 00000000000..1106467919a
--- /dev/null
+++ b/test/runtime/samples/dynamic-element-class-directive/_config.js
@@ -0,0 +1,11 @@
+export default {
+	html: `
+		<div class="svelte-1vsuzn0 active">foo</div>
+		<div class="svelte-1vsuzn0 active">foo0</div>
+		<div class="svelte-1vsuzn0 active">foo0</div>
+		<div class="svelte-1vsuzn0 active">foo0</div>
+		<div class="svelte-1vsuzn0 active">foo1</div>
+		<div class="svelte-1vsuzn0 active">foo2</div>
+		<div class="svelte-1vsuzn0 active">foo3</div>
+	`
+};
diff --git a/test/runtime/samples/dynamic-element-class-directive/main.svelte b/test/runtime/samples/dynamic-element-class-directive/main.svelte
new file mode 100644
index 00000000000..58e9303100b
--- /dev/null
+++ b/test/runtime/samples/dynamic-element-class-directive/main.svelte
@@ -0,0 +1,16 @@
+<script>
+	import Link from "./Link.svelte";
+	let foo = [
+		{ text: "foo0" },
+		{ text: "foo1" },
+		{ text: "foo2" },
+		{ text: "foo3" },
+	];
+</script>
+
+<Link item={{ text: "foo" }} />
+<Link item={foo[0]} />
+<Link bind:item={foo[0]} />
+{#each foo as item}
+	<Link bind:item />
+{/each}
diff --git a/test/runtime/samples/dynamic-element-svg/_config.js b/test/runtime/samples/dynamic-element-svg/_config.js
new file mode 100644
index 00000000000..d0fb37fb6ac
--- /dev/null
+++ b/test/runtime/samples/dynamic-element-svg/_config.js
@@ -0,0 +1,10 @@
+export default {
+	html: '<svg xmlns="http://www.w3.org/2000/svg"><path xmlns="http://www.w3.org/2000/svg"></path></svg>',
+
+	test({ assert, target }) {
+		const svg = target.querySelector('svg');
+		const rect = target.querySelector('path');
+		assert.equal(svg.namespaceURI, 'http://www.w3.org/2000/svg');
+		assert.equal(rect.namespaceURI, 'http://www.w3.org/2000/svg');
+	}
+};
diff --git a/test/runtime/samples/dynamic-element-svg/main.svelte b/test/runtime/samples/dynamic-element-svg/main.svelte
new file mode 100644
index 00000000000..2dc4d548141
--- /dev/null
+++ b/test/runtime/samples/dynamic-element-svg/main.svelte
@@ -0,0 +1,3 @@
+<svelte:element this="svg" xmlns="http://www.w3.org/2000/svg">
+    <svelte:element this="path" xmlns="http://www.w3.org/2000/svg"></svelte:element>
+</svelte:element>
\ No newline at end of file
diff --git a/test/runtime/samples/dynamic-element-void-with-content-1/_config.js b/test/runtime/samples/dynamic-element-void-with-content-1/_config.js
index 4016725e217..2888a8437ba 100644
--- a/test/runtime/samples/dynamic-element-void-with-content-1/_config.js
+++ b/test/runtime/samples/dynamic-element-void-with-content-1/_config.js
@@ -5,5 +5,5 @@ export default {
 	props: {
 		tag: 'br'
 	},
-	error: '<svelte:element this="br"> is self-closing and cannot have content.'
+	warnings: ['<svelte:element this="br"> is self-closing and cannot have content.']
 };
diff --git a/test/runtime/samples/dynamic-element-void-with-content-2/_config.js b/test/runtime/samples/dynamic-element-void-with-content-2/_config.js
index 4016725e217..2888a8437ba 100644
--- a/test/runtime/samples/dynamic-element-void-with-content-2/_config.js
+++ b/test/runtime/samples/dynamic-element-void-with-content-2/_config.js
@@ -5,5 +5,5 @@ export default {
 	props: {
 		tag: 'br'
 	},
-	error: '<svelte:element this="br"> is self-closing and cannot have content.'
+	warnings: ['<svelte:element this="br"> is self-closing and cannot have content.']
 };
diff --git a/test/runtime/samples/dynamic-element-void-with-content-3/_config.js b/test/runtime/samples/dynamic-element-void-with-content-3/_config.js
index 4016725e217..2888a8437ba 100644
--- a/test/runtime/samples/dynamic-element-void-with-content-3/_config.js
+++ b/test/runtime/samples/dynamic-element-void-with-content-3/_config.js
@@ -5,5 +5,5 @@ export default {
 	props: {
 		tag: 'br'
 	},
-	error: '<svelte:element this="br"> is self-closing and cannot have content.'
+	warnings: ['<svelte:element this="br"> is self-closing and cannot have content.']
 };
diff --git a/test/runtime/samples/dynamic-element-void-with-content-5/_config.js b/test/runtime/samples/dynamic-element-void-with-content-5/_config.js
new file mode 100644
index 00000000000..6e56f6bdbae
--- /dev/null
+++ b/test/runtime/samples/dynamic-element-void-with-content-5/_config.js
@@ -0,0 +1,6 @@
+export default {
+	compileOptions: {
+		dev: true
+	},
+	warnings: ['<svelte:element this="input"> is self-closing and cannot have content.']
+};
diff --git a/test/runtime/samples/dynamic-element-void-with-content-5/main.svelte b/test/runtime/samples/dynamic-element-void-with-content-5/main.svelte
new file mode 100644
index 00000000000..990772b1e6e
--- /dev/null
+++ b/test/runtime/samples/dynamic-element-void-with-content-5/main.svelte
@@ -0,0 +1,10 @@
+<script>
+	const tags = [{ t: 'div', content: 'hello world' }, { t: 'input' }];
+</script>
+
+{#each tags as tag}
+	{tag.t} <br />
+	<svelte:element this={tag.t}>
+		{#if tag.t !== 'input'}{tag.content}{/if}
+	</svelte:element>
+{/each}
diff --git a/test/runtime/samples/each-block-dynamic-else-static/_config.js b/test/runtime/samples/each-block-dynamic-else-static/_config.js
index d8f45b3cdb5..adec9625ddc 100644
--- a/test/runtime/samples/each-block-dynamic-else-static/_config.js
+++ b/test/runtime/samples/each-block-dynamic-else-static/_config.js
@@ -16,7 +16,7 @@ export default {
 		` );
 
 		// trigger an 'update' of the else block, to ensure that
-		// non-existent update method is not called
+		// nonexistent update method is not called
 		component.animals = [];
 
 		component.animals = ['wombat'];
diff --git a/test/runtime/samples/each-block-keyed-dyanmic-key/_config.js b/test/runtime/samples/each-block-keyed-dynamic-key/_config.js
similarity index 100%
rename from test/runtime/samples/each-block-keyed-dyanmic-key/_config.js
rename to test/runtime/samples/each-block-keyed-dynamic-key/_config.js
diff --git a/test/runtime/samples/each-block-keyed-dyanmic-key/main.svelte b/test/runtime/samples/each-block-keyed-dynamic-key/main.svelte
similarity index 100%
rename from test/runtime/samples/each-block-keyed-dyanmic-key/main.svelte
rename to test/runtime/samples/each-block-keyed-dynamic-key/main.svelte
diff --git a/test/runtime/samples/empty-component-destroy/Empty.svelte b/test/runtime/samples/empty-component-destroy/Empty.svelte
new file mode 100644
index 00000000000..14551c069ad
--- /dev/null
+++ b/test/runtime/samples/empty-component-destroy/Empty.svelte
@@ -0,0 +1,8 @@
+
+<script>
+  import { onDestroy } from 'svelte';
+	
+	onDestroy(() => {
+		console.log('destroy');
+	});
+</script>
diff --git a/test/runtime/samples/empty-component-destroy/_config.js b/test/runtime/samples/empty-component-destroy/_config.js
new file mode 100644
index 00000000000..76b9ae4bb82
--- /dev/null
+++ b/test/runtime/samples/empty-component-destroy/_config.js
@@ -0,0 +1,25 @@
+let log;
+export default {
+	html: `
+	  <button>destroy component</button>
+	`,
+
+	before_test() {
+		log = console.log;
+	},
+	after_test() {
+		console.log = log;
+	},
+
+	async test({ assert, target, window }) {
+		const button = target.querySelector('button');
+		const event = new window.MouseEvent('click');
+		const messages = [];
+		console.log = msg => messages.push(msg);
+		await button.dispatchEvent(event);
+		assert.htmlEqual(target.innerHTML, `
+			<button>destroy component</button>
+		`);
+		assert.deepEqual(messages, ['destroy']);
+	}
+};
diff --git a/test/runtime/samples/empty-component-destroy/main.svelte b/test/runtime/samples/empty-component-destroy/main.svelte
new file mode 100644
index 00000000000..0ee5ef4a04b
--- /dev/null
+++ b/test/runtime/samples/empty-component-destroy/main.svelte
@@ -0,0 +1,8 @@
+<script>
+	import Empty from './Empty.svelte';
+	let active = true;
+</script>
+
+<button on:click='{() => active = false }'>destroy component</button>
+
+<svelte:component this={active ? Empty : null} />
diff --git a/test/runtime/samples/event-handler-modifier-stop-immediate-propagation/_config.js b/test/runtime/samples/event-handler-modifier-stop-immediate-propagation/_config.js
new file mode 100644
index 00000000000..3ea00c8493f
--- /dev/null
+++ b/test/runtime/samples/event-handler-modifier-stop-immediate-propagation/_config.js
@@ -0,0 +1,17 @@
+export default {
+	async test({ assert, component, target, window }) {
+		const button = target.querySelector('button');
+		const event = new window.MouseEvent('click');
+
+		await button.dispatchEvent(event);
+		assert.deepEqual(component.logs, ['click_1', 'click_2']);
+		
+		component.click_2 = () => component.logs.push('22');
+		await button.dispatchEvent(event);
+		assert.deepEqual(component.logs, ['click_1', 'click_2', 'click_1', '22']);
+		
+		component.click_1 = () => component.logs.push('11');
+		await button.dispatchEvent(event);
+		assert.deepEqual(component.logs, ['click_1', 'click_2', 'click_1', '22', '11', '22']);
+	}
+};
diff --git a/test/runtime/samples/event-handler-modifier-stop-immediate-propagation/main.svelte b/test/runtime/samples/event-handler-modifier-stop-immediate-propagation/main.svelte
new file mode 100644
index 00000000000..c038c213c49
--- /dev/null
+++ b/test/runtime/samples/event-handler-modifier-stop-immediate-propagation/main.svelte
@@ -0,0 +1,22 @@
+<script>
+	export let logs = [];
+
+	export let click_1 = () => {
+		logs.push('click_1');
+	}
+
+	export let click_2 = () => {
+		logs.push('click_2');
+	}
+
+	export let click_3 = () => {
+		logs.push('click_3');
+	}
+</script>
+
+<button
+	on:click={click_1}
+	on:click|stopImmediatePropagation={click_2}
+	on:click={click_3}>
+	click me
+</button>
diff --git a/test/runtime/samples/html-entities-inside-attributes/_config.js b/test/runtime/samples/html-entities-inside-attributes/_config.js
new file mode 100644
index 00000000000..d2e3496bcae
--- /dev/null
+++ b/test/runtime/samples/html-entities-inside-attributes/_config.js
@@ -0,0 +1,19 @@
+export default {
+	html: `
+		<span data-xxx="&amp;copy=value" style="&amp;copy=value"></span>
+
+		<span data-xxx="&amp;copy=value" style="&amp;copy=value"></span>
+
+		<span data-xxx="©" style="©"></span>
+
+		<span data-xxx="©=value" style="©=value"></span>
+
+		<span data-xxx="&amp;copyotherstring=value" style="&amp;copyotherstring=value"></span>
+
+		<span data-xxx="&amp;copy123=value" style="&amp;copy123=value"></span>
+
+		<span data-xxx="&amp;rect=value" style="&amp;rect=value"></span>
+
+		<span data-xxx="▭=value" style="▭=value"></span>
+	`
+};
diff --git a/test/runtime/samples/html-entities-inside-attributes/main.svelte b/test/runtime/samples/html-entities-inside-attributes/main.svelte
new file mode 100644
index 00000000000..21d56a2f695
--- /dev/null
+++ b/test/runtime/samples/html-entities-inside-attributes/main.svelte
@@ -0,0 +1,15 @@
+<span data-xxx="&copy=value" style="&copy=value"></span>
+
+<span data-xxx="&copy=value" style="&copy=value"></span>
+
+<span data-xxx="&copy" style="&copy"></span>
+
+<span data-xxx="&copy;=value" style="&copy;=value"></span>
+
+<span data-xxx="&copyotherstring=value" style="&copyotherstring=value"></span>
+
+<span data-xxx="&copy123=value" style="&copy123=value"></span>
+
+<span data-xxx="&rect=value" style="&rect=value"></span>
+
+<span data-xxx="&rect;=value" style="&rect;=value"></span>
diff --git a/test/runtime/samples/html-entities/_config.js b/test/runtime/samples/html-entities/_config.js
index ddcc318e287..29d53eb772c 100644
--- a/test/runtime/samples/html-entities/_config.js
+++ b/test/runtime/samples/html-entities/_config.js
@@ -4,11 +4,25 @@ export default {
 		<span>*</span>
 		<span>*</span>
 		<span>*</span>
+		<span>*</span>
 
 		<span></span>
 		<span>A</span>
 		<span>€</span>
+		<span>€</span>
+
+		<span>&amp;stringnotanentity;</span>
+
+		<span>different &amp;rect and ▭</span>
+
+		<span>©otherstring</span>
+
+		<span>©=otherstring</span>
+
+		<span>©=otherstring</span>
+
+		<span>©123</span>
 
-		<span>&amp;notanentity;</span>
+		<span>Ÿotherstring</span>
 	`
 };
diff --git a/test/runtime/samples/html-entities/main.svelte b/test/runtime/samples/html-entities/main.svelte
index 04d9846e788..2d0d66c939d 100644
--- a/test/runtime/samples/html-entities/main.svelte
+++ b/test/runtime/samples/html-entities/main.svelte
@@ -1,10 +1,24 @@
 <span>&ast;</span>
 <span>&midast;</span>
 <span>&#x0002A;</span>
+<span>&#x0002A</span>
 <span>&#42;</span>
 
 <span>&#10;</span>
 <span>&#65;</span>
 <span>&#128;</span>
+<span>&#128</span>
 
-<span>&notanentity;</span>
+<span>&stringnotanentity;</span>
+
+<span>different &rect and &rect;</span>
+
+<span>&copyotherstring</span>
+
+<span>&copy=otherstring</span>
+
+<span>&copy;=otherstring</span>
+
+<span>&copy123</span>
+
+<span>&#x9fotherstring</span>
diff --git a/test/runtime/samples/inline-style-directive-escape/_config.js b/test/runtime/samples/inline-style-directive-escape/_config.js
new file mode 100644
index 00000000000..31666815d97
--- /dev/null
+++ b/test/runtime/samples/inline-style-directive-escape/_config.js
@@ -0,0 +1,12 @@
+export default {
+	html: `
+		<div style="--css-variable: &quot; onload=&quot;alert('uhoh')&quot; data-nothing=&quot;not important;"></div>
+	`,
+
+	test({ assert, component, target }) {
+		component.attack = '" onload="alert(\'uhoh2\')" data-nothing="not important';
+		assert.htmlEqual(target.innerHTML, `
+			<div style="--css-variable: &quot; onload=&quot;alert('uhoh2')&quot; data-nothing=&quot;not important;"></div>
+		`);
+	}
+};
diff --git a/test/runtime/samples/inline-style-directive-escape/main.svelte b/test/runtime/samples/inline-style-directive-escape/main.svelte
new file mode 100644
index 00000000000..fd27bfda6a7
--- /dev/null
+++ b/test/runtime/samples/inline-style-directive-escape/main.svelte
@@ -0,0 +1,5 @@
+<script>
+  export let attack = '" onload="alert(\'uhoh\')" data-nothing="not important';
+</script>
+
+<div style:--css-variable={attack} />
diff --git a/test/runtime/samples/select-multiple-spread-and-bind/_config.js b/test/runtime/samples/select-multiple-spread-and-bind/_config.js
new file mode 100644
index 00000000000..78dab273a28
--- /dev/null
+++ b/test/runtime/samples/select-multiple-spread-and-bind/_config.js
@@ -0,0 +1,12 @@
+export default {
+	test({ assert, component, target }) {
+		const options = target.querySelectorAll('option');
+
+		assert.equal(options[0].selected, true);
+		assert.equal(options[1].selected, false);
+
+		component.value = ['2'];
+		assert.equal(options[0].selected, false);
+		assert.equal(options[1].selected, true);
+	}
+};
diff --git a/test/runtime/samples/select-multiple-spread-and-bind/main.svelte b/test/runtime/samples/select-multiple-spread-and-bind/main.svelte
new file mode 100644
index 00000000000..45ef4d2f056
--- /dev/null
+++ b/test/runtime/samples/select-multiple-spread-and-bind/main.svelte
@@ -0,0 +1,8 @@
+<script>
+	import Select from './select.svelte';
+
+	export let value = ['1'];
+	export let other = {};
+</script>
+
+<Select {value} {other} />
diff --git a/test/runtime/samples/select-multiple-spread-and-bind/select.svelte b/test/runtime/samples/select-multiple-spread-and-bind/select.svelte
new file mode 100644
index 00000000000..ecfc754cb99
--- /dev/null
+++ b/test/runtime/samples/select-multiple-spread-and-bind/select.svelte
@@ -0,0 +1,9 @@
+<script>
+	export let value;
+	export let other;
+</script>
+
+<select multiple bind:value {...other}>
+	<option value="1">option 1</option>
+	<option value="2">option 2</option>
+</select>
diff --git a/test/runtime/samples/select-multiple-spread/_config.js b/test/runtime/samples/select-multiple-spread/_config.js
new file mode 100644
index 00000000000..29e76b24508
--- /dev/null
+++ b/test/runtime/samples/select-multiple-spread/_config.js
@@ -0,0 +1,13 @@
+export default {
+	test({ assert, component, target }) {
+		const options = target.querySelectorAll('option');
+
+		assert.equal(options[0].selected, true);
+		assert.equal(options[1].selected, false);
+
+		// Shouldn't change the value because the value is not bound.
+		component.value = ['2'];
+		assert.equal(options[0].selected, true);
+		assert.equal(options[1].selected, false);
+	}
+};
diff --git a/test/runtime/samples/select-multiple-spread/main.svelte b/test/runtime/samples/select-multiple-spread/main.svelte
new file mode 100644
index 00000000000..306f6f9a245
--- /dev/null
+++ b/test/runtime/samples/select-multiple-spread/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	import Select from './select.svelte';
+
+	export let attrs = { value: ['1'] };
+</script>
+
+<Select {attrs} />
diff --git a/test/runtime/samples/select-multiple-spread/select.svelte b/test/runtime/samples/select-multiple-spread/select.svelte
new file mode 100644
index 00000000000..d37667a8def
--- /dev/null
+++ b/test/runtime/samples/select-multiple-spread/select.svelte
@@ -0,0 +1,8 @@
+<script>
+	export let attrs;
+</script>
+
+<select multiple  {...attrs}>
+	<option value="1">option 1</option>
+	<option value="2">option 2</option>
+</select>
diff --git a/test/runtime/samples/spread-component-immutable/Widget.svelte b/test/runtime/samples/spread-component-immutable/Widget.svelte
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/test/runtime/samples/spread-component-immutable/_config.js b/test/runtime/samples/spread-component-immutable/_config.js
new file mode 100644
index 00000000000..634fac24c12
--- /dev/null
+++ b/test/runtime/samples/spread-component-immutable/_config.js
@@ -0,0 +1,15 @@
+const obj = {
+	x: 1,
+	y: 2,
+	z: 3
+};
+
+export default {
+	props: {
+		obj
+	},
+
+	test({ assert }) {
+		assert.deepEqual(obj, { x: 1, y: 2, z: 3 });
+	}
+};
diff --git a/test/runtime/samples/spread-component-immutable/main.svelte b/test/runtime/samples/spread-component-immutable/main.svelte
new file mode 100644
index 00000000000..44e09548568
--- /dev/null
+++ b/test/runtime/samples/spread-component-immutable/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	import Widget from './Widget.svelte';
+
+	export let obj;
+</script>
+
+<Widget {...obj} x={2} />
diff --git a/test/runtime/samples/spread-element-input-each-block-keyed/_config.js b/test/runtime/samples/spread-element-input-each-block-keyed/_config.js
new file mode 100644
index 00000000000..2f38ddc3847
--- /dev/null
+++ b/test/runtime/samples/spread-element-input-each-block-keyed/_config.js
@@ -0,0 +1,11 @@
+export default {
+	test({ assert, component, target }) {
+		const [input1, input2] = target.querySelectorAll('input');
+		assert.equal(input1.value, 'value1');
+		assert.equal(input2.value, 'value2');
+
+		component.items = component.items.reverse();
+		assert.equal(input1.value, 'value1');
+		assert.equal(input2.value, 'value2');
+	}
+};
diff --git a/test/runtime/samples/spread-element-input-each-block-keyed/main.svelte b/test/runtime/samples/spread-element-input-each-block-keyed/main.svelte
new file mode 100644
index 00000000000..b89a4004956
--- /dev/null
+++ b/test/runtime/samples/spread-element-input-each-block-keyed/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	export let items = ['value1', 'value2'];
+</script>
+
+{#each items as item (item)}
+	<input value={item} {...{}} />
+{/each}
diff --git a/test/runtime/samples/spread-element-input-value/_config.js b/test/runtime/samples/spread-element-input-value/_config.js
index 0df088159ab..e8672e83655 100644
--- a/test/runtime/samples/spread-element-input-value/_config.js
+++ b/test/runtime/samples/spread-element-input-value/_config.js
@@ -6,7 +6,7 @@ export default {
 		// therefore, jsdom could not validate minlength / maxlength
 
 		// we simulate user input with
-		// setting input.value + dispathEvent
+		// setting input.value + dispatchEvent
 
 		// and we determine if svelte does not set the `input.value` again by
 		// spying on the setter of `input.value`
diff --git a/test/runtime/samples/static-svelte-element/_config.js b/test/runtime/samples/static-svelte-element/_config.js
new file mode 100644
index 00000000000..a26de613380
--- /dev/null
+++ b/test/runtime/samples/static-svelte-element/_config.js
@@ -0,0 +1,13 @@
+export default {
+	html: `
+		<div>
+			<p></p>
+		</div>
+	`,
+
+	test({ assert, target }) {
+		const p = target.querySelector('p');
+
+		assert.notEqual(p, undefined);
+	}
+};
diff --git a/test/runtime/samples/static-svelte-element/main.svelte b/test/runtime/samples/static-svelte-element/main.svelte
new file mode 100644
index 00000000000..3bdf853a5af
--- /dev/null
+++ b/test/runtime/samples/static-svelte-element/main.svelte
@@ -0,0 +1,3 @@
+<div>
+	<svelte:element this="p" />
+</div>
diff --git a/test/runtime/samples/static-svelte-element2/_config.js b/test/runtime/samples/static-svelte-element2/_config.js
new file mode 100644
index 00000000000..a26de613380
--- /dev/null
+++ b/test/runtime/samples/static-svelte-element2/_config.js
@@ -0,0 +1,13 @@
+export default {
+	html: `
+		<div>
+			<p></p>
+		</div>
+	`,
+
+	test({ assert, target }) {
+		const p = target.querySelector('p');
+
+		assert.notEqual(p, undefined);
+	}
+};
diff --git a/test/runtime/samples/static-svelte-element2/main.svelte b/test/runtime/samples/static-svelte-element2/main.svelte
new file mode 100644
index 00000000000..a723b955d4b
--- /dev/null
+++ b/test/runtime/samples/static-svelte-element2/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	const p = 'p';
+</script>
+
+<div>
+	<svelte:element this={p} />
+</div>
diff --git a/test/runtime/samples/template/_config.js b/test/runtime/samples/template/_config.js
index 6e92d771bd9..2a65b787165 100644
--- a/test/runtime/samples/template/_config.js
+++ b/test/runtime/samples/template/_config.js
@@ -6,6 +6,7 @@ export default {
 	    <div>foo</div>
 	</template>
 	<template id="t2">123</template>
+	<template id="t3">1<b>B</b>1</template>
 	`,
 
 	test({ assert, target }) {
@@ -27,5 +28,16 @@ export default {
 		assert.equal(template2.content.firstChild.textContent, '123');
 		assert.htmlEqual(template2.innerHTML, '123');
 
+		const template3 = target.querySelector('#t3');
+		assert.equal(template3.childNodes.length, 0); 
+		assert.equal(template3.content.childNodes.length, 3);
+		// test: (with hydration from ssr rendered html)
+		// out of order render.
+		// <template>1{@html '2'}3</template>  may render as <template>321</template> for ssr+hydration case.
+		// we bypass it by using symmetric siblings. hence <template> is not fully stable for this edge case.
+		assert.equal(template3.content.childNodes[0].textContent, '1');
+		assert.equal(template3.content.childNodes[1].outerHTML, '<b>B</b>');
+		assert.equal(template3.content.childNodes[2].textContent, '1');
+
 	}
 };
diff --git a/test/runtime/samples/template/main.svelte b/test/runtime/samples/template/main.svelte
index 2e2f5b6c296..1fb0d65f47a 100644
--- a/test/runtime/samples/template/main.svelte
+++ b/test/runtime/samples/template/main.svelte
@@ -1,4 +1,5 @@
 <template id="t1">
 	<div>foo</div>
 </template>
-<template id="t2">123</template>
\ No newline at end of file
+<template id="t2">123</template>
+<template id="t3">1{@html '<b>B</b>'}1</template>
\ No newline at end of file
diff --git a/test/runtime/samples/transition-js-deferred-option-direction/_config.js b/test/runtime/samples/transition-js-deferred-option-direction/_config.js
new file mode 100644
index 00000000000..2bf448d9c7b
--- /dev/null
+++ b/test/runtime/samples/transition-js-deferred-option-direction/_config.js
@@ -0,0 +1,19 @@
+export default {
+	test({ assert, component, target }) {
+		component.visible = true;
+
+		const div_in = target.querySelector('#in');
+		const div_out = target.querySelector('#out');
+		const div_both = target.querySelector('#both');
+
+		assert.equal(div_in.initial, 'in');
+		assert.equal(div_out.initial, 'out');
+		assert.equal(div_both.initial, 'both');
+
+		return Promise.resolve().then(() => {
+			assert.equal(div_in.later, 'in');
+			assert.equal(div_out.later, 'out');
+			assert.equal(div_both.later, 'both');
+		});
+	}
+};
diff --git a/test/runtime/samples/transition-js-deferred-option-direction/main.svelte b/test/runtime/samples/transition-js-deferred-option-direction/main.svelte
new file mode 100644
index 00000000000..9ac816ce75f
--- /dev/null
+++ b/test/runtime/samples/transition-js-deferred-option-direction/main.svelte
@@ -0,0 +1,24 @@
+<script>
+	export let visible;
+
+	function foo(node, _params, options) {
+		node.initial = options.direction;
+
+		return (opts) => {
+			node.later = opts.direction;
+
+			return {
+				duration: 10
+			};
+		};
+	}
+</script>
+
+{#if visible}
+	<div id="both" transition:foo></div>
+	<div id="in" in:foo></div>
+{/if}
+
+{#if !visible}
+	<div id="out" out:foo></div>
+{/if}
diff --git a/test/runtime/samples/transition-js-option-direction/_config.js b/test/runtime/samples/transition-js-option-direction/_config.js
new file mode 100644
index 00000000000..649b4ec7fa2
--- /dev/null
+++ b/test/runtime/samples/transition-js-option-direction/_config.js
@@ -0,0 +1,13 @@
+export default {
+	test({ assert, component, target }) {
+		component.visible = true;
+
+		const div_in = target.querySelector('#in');
+		const div_out = target.querySelector('#out');
+		const div_both = target.querySelector('#both');
+
+		assert.equal(div_in.direction, 'in');
+		assert.equal(div_out.direction, 'out');
+		assert.equal(div_both.direction, 'both');
+	}
+};
diff --git a/test/runtime/samples/transition-js-option-direction/main.svelte b/test/runtime/samples/transition-js-option-direction/main.svelte
new file mode 100644
index 00000000000..7bae2c158da
--- /dev/null
+++ b/test/runtime/samples/transition-js-option-direction/main.svelte
@@ -0,0 +1,20 @@
+<script>
+	export let visible = false;
+
+	function foo(node, _params, options) {
+		node.direction = options.direction;
+
+		return {
+			duration: 10
+		};
+	}
+</script>
+
+{#if visible}
+	<div id="both" transition:foo></div>
+	<div id="in" in:foo></div>
+{/if}
+
+{#if !visible}
+	<div id="out" out:foo></div>
+{/if}
diff --git a/test/server-side-rendering/index.ts b/test/server-side-rendering/index.ts
index 2a4e0596e75..a5458be1099 100644
--- a/test/server-side-rendering/index.ts
+++ b/test/server-side-rendering/index.ts
@@ -117,7 +117,9 @@ describe('ssr', () => {
 					fs.writeFileSync(`${dir}/_actual-head.html`, head);
 
 					try {
-						assert.htmlEqual(
+						(compileOptions.hydratable
+							? assert.htmlEqualWithComments
+							: assert.htmlEqual)(
 							head,
 							fs.readFileSync(`${dir}/_expected-head.html`, 'utf-8')
 						);
diff --git a/test/server-side-rendering/samples/attribute-escaped-quotes-spread/_expected.html b/test/server-side-rendering/samples/attribute-escaped-quotes-spread/_expected.html
index b3970f88bad..5db9a90fffb 100644
--- a/test/server-side-rendering/samples/attribute-escaped-quotes-spread/_expected.html
+++ b/test/server-side-rendering/samples/attribute-escaped-quotes-spread/_expected.html
@@ -2,4 +2,10 @@
 	bar="'></div><script>alert(42)</script>"
 	foo="&quot;></div><script>alert(42)</script>"
 	qux="&amp;&amp;&amp;"
-></div>
\ No newline at end of file
+	quux="&quot;><script>alert(42)</script>"
+></div>
+
+<div
+	foo="foo"
+	unsafe="&quot;><script>alert(42)</script>"
+></div>
diff --git a/test/server-side-rendering/samples/attribute-escaped-quotes-spread/main.svelte b/test/server-side-rendering/samples/attribute-escaped-quotes-spread/main.svelte
index 66047eb09af..9d721cd88fb 100644
--- a/test/server-side-rendering/samples/attribute-escaped-quotes-spread/main.svelte
+++ b/test/server-side-rendering/samples/attribute-escaped-quotes-spread/main.svelte
@@ -1,10 +1,15 @@
 <script>
+	const safe = { foo: 'foo' };
+	const unsafe = { toString: () => '"><script>alert(42)<\/script>' };
+
 	export let props = {
 		foo: '"></div><script>alert(42)</' + 'script>',
 		bar: "'></div><script>alert(42)</" + 'script>',
 		['"></div><script>alert(42)</' + 'script>']: 'baz',
 		qux: '&&&',
+		quux: unsafe
 	};
 </script>
 
-<div {...props}></div>
\ No newline at end of file
+<div {...props}></div>
+<div {...safe} {unsafe}></div>
diff --git a/test/server-side-rendering/samples/head-html-and-component/HeadNested.svelte b/test/server-side-rendering/samples/head-html-and-component/HeadNested.svelte
new file mode 100644
index 00000000000..33bbdd1fd10
--- /dev/null
+++ b/test/server-side-rendering/samples/head-html-and-component/HeadNested.svelte
@@ -0,0 +1,2 @@
+{@html '<meta name="head_nested_html" content="head_nested_html">'}
+<meta name="head_nested" content="head_nested">
diff --git a/test/server-side-rendering/samples/head-html-and-component/Nested.svelte b/test/server-side-rendering/samples/head-html-and-component/Nested.svelte
new file mode 100644
index 00000000000..28f5371910c
--- /dev/null
+++ b/test/server-side-rendering/samples/head-html-and-component/Nested.svelte
@@ -0,0 +1,5 @@
+
+<svelte:head>
+	{@html '<meta name="nested_html" content="nested_html">'}
+	<meta name="nested" content="nested">
+</svelte:head>
diff --git a/test/server-side-rendering/samples/head-html-and-component/_expected-head.html b/test/server-side-rendering/samples/head-html-and-component/_expected-head.html
new file mode 100644
index 00000000000..da265f414d2
--- /dev/null
+++ b/test/server-side-rendering/samples/head-html-and-component/_expected-head.html
@@ -0,0 +1,11 @@
+<!-- HEAD_svelte-17ibcve_START -->
+<!-- HTML_TAG_START --><meta name="main_html" content="main_html"><!-- HTML_TAG_END -->
+<meta name="main" content="main">
+<!-- HTML_TAG_START --><meta name="head_nested_html" content="head_nested_html"><!-- HTML_TAG_END -->
+<meta name="head_nested" content="head_nested">
+<!-- HEAD_svelte-17ibcve_END -->
+
+<!-- HEAD_svelte-1gqzvnn_START -->
+<!-- HTML_TAG_START --><meta name="nested_html" content="nested_html"><!-- HTML_TAG_END -->
+<meta name="nested" content="nested">
+<!-- HEAD_svelte-1gqzvnn_END -->
diff --git a/test/server-side-rendering/samples/head-html-and-component/_expected.html b/test/server-side-rendering/samples/head-html-and-component/_expected.html
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/test/server-side-rendering/samples/head-html-and-component/main.svelte b/test/server-side-rendering/samples/head-html-and-component/main.svelte
new file mode 100644
index 00000000000..188ecace6bb
--- /dev/null
+++ b/test/server-side-rendering/samples/head-html-and-component/main.svelte
@@ -0,0 +1,12 @@
+<script>
+	import HeadNested from './HeadNested.svelte';
+	import Nested from './Nested.svelte';
+</script>
+
+<svelte:head>
+	{@html '<meta name="main_html" content="main_html">'}
+	<meta name="main" content="main">
+	<HeadNested />
+</svelte:head>
+
+<Nested/>
diff --git a/test/server-side-rendering/samples/head-meta-hydrate-duplicate/_config.js b/test/server-side-rendering/samples/head-meta-hydrate-duplicate/_config.js
index ae9b250f865..f1f4fff9219 100644
--- a/test/server-side-rendering/samples/head-meta-hydrate-duplicate/_config.js
+++ b/test/server-side-rendering/samples/head-meta-hydrate-duplicate/_config.js
@@ -1,5 +1,6 @@
 export default {
 	compileOptions: {
 		hydratable: true
-	}
+	},
+	withoutNormalizeHtml: true
 };
diff --git a/test/server-side-rendering/samples/head-meta-hydrate-duplicate/_expected-head.html b/test/server-side-rendering/samples/head-meta-hydrate-duplicate/_expected-head.html
index 107753cdd0e..bdd08c32f5f 100644
--- a/test/server-side-rendering/samples/head-meta-hydrate-duplicate/_expected-head.html
+++ b/test/server-side-rendering/samples/head-meta-hydrate-duplicate/_expected-head.html
@@ -1,4 +1,6 @@
 <title>Some Title</title>
-<link rel="canonical" href="/" data-svelte="svelte-1s8aodm">
-<meta name="description" content="some description" data-svelte="svelte-1s8aodm">
-<meta name="keywords" content="some keywords" data-svelte="svelte-1s8aodm">
\ No newline at end of file
+<!-- HEAD_svelte-1s8aodm_START -->
+<link rel="canonical" href="/">
+<meta name="description" content="some description">
+<meta name="keywords" content="some keywords">
+<!-- HEAD_svelte-1s8aodm_END -->
diff --git a/test/sourcemaps/samples/compile-option-dev/test.js b/test/sourcemaps/samples/compile-option-dev/test.js
index f169ab8832b..eec81fc93e5 100644
--- a/test/sourcemaps/samples/compile-option-dev/test.js
+++ b/test/sourcemaps/samples/compile-option-dev/test.js
@@ -18,10 +18,13 @@ export async function test({ assert, css,  js }) {
 	// TODO make util fn + move to test index.js
 	const sourcefile = 'input.svelte';
 	[
-		// TODO how to get line + column numbers?
+		// TODO: get line and col num from input.svelte rather than hardcoding here
 		[css, '--keep-me', 13, 2],
-		[css, '--done-replace-once', 6, 5],
-		[css, '--done-replace-twice', 9, 5]
+		// TODO: these should be 7, 2 and 10, 2
+		// we use locate_1 which means lines are 1-indexed and cols are 0-indexed
+		// each tab is 1 col
+		[css, '--done-replace-once', 6, 4],
+		[css, '--done-replace-twice', 9, 4]
 	]
 	.forEach(([where, content, line, column]) => {
 		assert.deepEqual(
diff --git a/test/store/index.ts b/test/store/index.ts
index b6fc5940e11..7e8bdb2f643 100644
--- a/test/store/index.ts
+++ b/test/store/index.ts
@@ -1,5 +1,5 @@
 import * as assert from 'assert';
-import { readable, writable, derived, get } from '../../store';
+import { readable, writable, derived, get, readonly } from '../../store';
 
 describe('store', () => {
 	describe('writable', () => {
@@ -88,6 +88,14 @@ describe('store', () => {
 
 			unsubscribe();
 		});
+
+		it('no error even if unsubscribe calls twice', () => {
+			let num = 0;
+			const store = writable(num, set => set(num += 1));
+			const unsubscribe = store.subscribe(() => { });
+			unsubscribe();
+			assert.doesNotThrow(() => unsubscribe());
+		});
 	});
 
 	describe('readable', () => {
@@ -411,4 +419,21 @@ describe('store', () => {
 			assert.equal(get(fake_observable), 42);
 		});
 	});
+
+	describe('readonly', () => {
+		it('makes a store readonly', () => {
+			const writableStore = writable(1);
+			const readableStore = readonly(writableStore);
+
+			assert.equal(get(readableStore), get(writableStore));
+
+			writableStore.set(2);
+
+			assert.equal(get(readableStore), 2);
+			assert.equal(get(readableStore), get(writableStore));
+
+			assert.throws(() => readableStore.set(3));
+		});
+
+	});
 });
diff --git a/test/validator/index.ts b/test/validator/index.ts
index e58be87a3ac..fce5ed7065b 100644
--- a/test/validator/index.ts
+++ b/test/validator/index.ts
@@ -33,13 +33,15 @@ describe('validate', () => {
 					...options
 				});
 
-				assert.deepEqual(warnings.map(w => ({
-					code: w.code,
-					message: w.message,
-					pos: w.pos,
-					start: w.start,
-					end: w.end
-				})), expected_warnings);
+				assert.deepEqual(
+					warnings.map((w) => ({
+						code: w.code,
+						message: w.message,
+						start: { line: w.start.line, column: w.start.column },
+						end: { line: w.end.line, column: w.end.column }
+					})),
+					expected_warnings
+				);
 			} catch (e) {
 				error = e;
 			}
@@ -56,13 +58,17 @@ describe('validate', () => {
 				}
 
 				try {
-					assert.equal(error.code, expected.code);
-					assert.equal(error.message, expected.message);
-					assert.deepEqual(error.start, expected.start);
-					assert.deepEqual(error.end, expected.end);
-					assert.equal(error.pos, expected.pos);
+					assert.deepEqual(
+						{
+							code: error.code,
+							message: error.message,
+							start: { line: error.start.line, column: error.start.column },
+							end: { line: error.end.line, column: error.end.column }
+						},
+						expected
+					);
 				} catch (e) {
-					console.error(error); // eslint-disable-line no-console
+					console.error(error);
 					throw e;
 				}
 			}
@@ -78,6 +84,51 @@ describe('validate', () => {
 		}, /options\.name must be a valid identifier/);
 	});
 
+	it('check warning position', () => {
+		const { warnings } = svelte.compile('\n  <img \n src="foo.jpg">\n', {
+			generate: false
+		});
+
+		assert.deepEqual(
+			warnings.map((w) => {
+				return {
+					code: w.code,
+					frame: w.frame,
+					message: w.message,
+					start: {
+						character: w.start.character,
+						column: w.start.column,
+						line: w.start.line
+					},
+					end: {
+						character: w.end.character,
+						column: w.end.column,
+						line: w.end.line
+					},
+					pos: w.pos
+				};
+			}),
+			[
+				{
+					code: 'a11y-missing-attribute',
+					frame: '1: \n2:   <img \n     ^\n3:  src="foo.jpg">\n4: ',
+					message: 'A11y: <img> element should have an alt attribute',
+					start: {
+						character: 3,
+						column: 2,
+						line: 2
+					},
+					end: {
+						character: 24,
+						column: 15,
+						line: 3
+					},
+					pos: 3
+				}
+			]
+		);
+	});
+
 	it('warns if options.name is not capitalised', () => {
 		const { warnings } = svelte.compile('<div></div>', {
 			name: 'lowercase',
diff --git a/test/validator/samples/a11y-alt-text/warnings.json b/test/validator/samples/a11y-alt-text/warnings.json
index 7ce5fb2d8f4..904288c45cb 100644
--- a/test/validator/samples/a11y-alt-text/warnings.json
+++ b/test/validator/samples/a11y-alt-text/warnings.json
@@ -4,62 +4,47 @@
 		"message": "A11y: <img> element should have an alt attribute",
 		"start": {
 			"line": 1,
-			"column": 0,
-			"character": 0
+			"column": 0
 		},
 		"end": {
 			"line": 1,
-			"column": 19,
-			"character": 19
-		},
-		"pos": 0
+			"column": 19
+		}
 	},
-
 	{
 		"code": "a11y-missing-attribute",
 		"message": "A11y: <area> element should have an alt, aria-label or aria-labelledby attribute",
 		"start": {
 			"line": 4,
-			"column": 1,
-			"character": 28
+			"column": 1
 		},
 		"end": {
 			"line": 4,
-			"column": 7,
-			"character": 34
-		},
-		"pos": 28
+			"column": 7
+		}
 	},
-
 	{
 		"code": "a11y-missing-attribute",
 		"message": "A11y: <object> element should have a title, aria-label or aria-labelledby attribute",
 		"start": {
 			"line": 7,
-			"column": 0,
-			"character": 43
+			"column": 0
 		},
 		"end": {
 			"line": 7,
-			"column": 17,
-			"character": 60
-		},
-		"pos": 43
+			"column": 17
+		}
 	},
-
 	{
 		"code": "a11y-missing-attribute",
 		"message": "A11y: <input type=\"image\"> element should have an alt, aria-label or aria-labelledby attribute",
 		"start": {
 			"line": 9,
-			"column": 0,
-			"character": 62
+			"column": 0
 		},
 		"end": {
 			"line": 9,
-			"column": 20,
-			"character": 82
-		},
-		"pos": 62
+			"column": 20
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-anchor-aria-label-has-no-content/input.svelte b/test/validator/samples/a11y-anchor-aria-label-has-no-content/input.svelte
new file mode 100644
index 00000000000..c13df04b224
--- /dev/null
+++ b/test/validator/samples/a11y-anchor-aria-label-has-no-content/input.svelte
@@ -0,0 +1 @@
+<a href="/foo" aria-label="baz"></a>
diff --git a/test/validator/samples/a11y-anchor-aria-label-has-no-content/warnings.json b/test/validator/samples/a11y-anchor-aria-label-has-no-content/warnings.json
new file mode 100644
index 00000000000..fe51488c706
--- /dev/null
+++ b/test/validator/samples/a11y-anchor-aria-label-has-no-content/warnings.json
@@ -0,0 +1 @@
+[]
diff --git a/test/validator/samples/a11y-anchor-has-content/warnings.json b/test/validator/samples/a11y-anchor-has-content/warnings.json
index 8708311f3c4..e5e0a5a48c5 100644
--- a/test/validator/samples/a11y-anchor-has-content/warnings.json
+++ b/test/validator/samples/a11y-anchor-has-content/warnings.json
@@ -3,13 +3,10 @@
 	"message": "A11y: <a> element should have child content",
 	"start": {
 		"line": 1,
-		"column": 0,
-		"character": 0
+		"column": 0
 	},
 	"end": {
 		"line": 1,
-		"column": 19,
-		"character": 19
-	},
-	"pos": 0
-}]
\ No newline at end of file
+		"column": 19
+	}
+}]
diff --git a/test/validator/samples/a11y-anchor-in-svg-is-valid/warnings.json b/test/validator/samples/a11y-anchor-in-svg-is-valid/warnings.json
index eb62ce8db64..0ca16767d70 100644
--- a/test/validator/samples/a11y-anchor-in-svg-is-valid/warnings.json
+++ b/test/validator/samples/a11y-anchor-in-svg-is-valid/warnings.json
@@ -4,44 +4,35 @@
 		"message": "A11y: <a> element should have an href attribute",
 		"start": {
 			"line": 1,
-			"column": 11,
-			"character": 11
+			"column": 11
 		},
 		"end": {
 			"line": 1,
-			"column": 37,
-			"character": 37
-		},
-		"pos": 11
+			"column": 37
+		}
 	},
 	{
 		"code": "a11y-invalid-attribute",
 		"message": "A11y: '' is not a valid xlink:href attribute",
 		"start": {
 			"line": 2,
-			"column": 14,
-			"character": 65
+			"column": 14
 		},
 		"end": {
 			"line": 2,
-			"column": 27,
-			"character": 78
-		},
-		"pos": 65
+			"column": 27
+		}
 	},
 	{
 		"code": "a11y-invalid-attribute",
 		"message": "A11y: '#' is not a valid xlink:href attribute",
 		"start": {
 			"line": 3,
-			"column": 14,
-			"character": 130
+			"column": 14
 		},
 		"end": {
 			"line": 3,
-			"column": 28,
-			"character": 144
-		},
-		"pos": 130
+			"column": 28
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-anchor-is-valid/warnings.json b/test/validator/samples/a11y-anchor-is-valid/warnings.json
index f04c6f1593a..50d19ae630b 100644
--- a/test/validator/samples/a11y-anchor-is-valid/warnings.json
+++ b/test/validator/samples/a11y-anchor-is-valid/warnings.json
@@ -4,89 +4,71 @@
 		"message": "A11y: <a> element should have an href attribute",
 		"start": {
 			"line": 1,
-			"column": 0,
-			"character": 0
+			"column": 0
 		},
 		"end": {
 			"line": 1,
-			"column": 26,
-			"character": 26
-		},
-		"pos": 0
+			"column": 26
+		}
 	},
 	{
 		"code": "a11y-invalid-attribute",
 		"message": "A11y: '' is not a valid href attribute",
 		"start": {
 			"line": 2,
-			"column": 3,
-			"character": 30
+			"column": 3
 		},
 		"end": {
 			"line": 2,
-			"column": 10,
-			"character": 37
-		},
-		"pos": 30
+			"column": 10
+		}
 	},
 	{
 		"code": "a11y-invalid-attribute",
 		"message": "A11y: '#' is not a valid href attribute",
 		"start": {
 			"line": 3,
-			"column": 3,
-			"character": 53
+			"column": 3
 		},
 		"end": {
 			"line": 3,
-			"column": 11,
-			"character": 61
-		},
-		"pos": 53
+			"column": 11
+		}
 	},
 	{
 		"code": "a11y-invalid-attribute",
 		"message": "A11y: 'javascript:void(0)' is not a valid href attribute",
 		"start": {
 			"line": 4,
-			"column": 3,
-			"character": 77
+			"column": 3
 		},
 		"end": {
 			"line": 4,
-			"column": 28,
-			"character": 102
-		},
-		"pos": 77
+			"column": 28
+		}
 	},
 	{
 		"code": "a11y-missing-attribute",
 		"message": "A11y: <a> element should have an href attribute",
 		"start": {
 			"line": 5,
-			"column": 0,
-			"character": 115
+			"column": 0
 		},
 		"end": {
 			"line": 5,
-			"column": 22,
-			"character": 137
-		},
-		"pos": 115
+			"column": 22
+		}
 	},
 	{
 		"code": "a11y-missing-attribute",
 		"message": "A11y: <a> element should have an href attribute",
 		"start": {
 			"line": 6,
-			"column": 0,
-			"character": 138
+			"column": 0
 		},
 		"end": {
 			"line": 6,
-			"column": 20,
-			"character": 158
-		},
-		"pos": 138
+			"column": 20
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-aria-activedescendant/input.svelte b/test/validator/samples/a11y-aria-activedescendant/input.svelte
new file mode 100644
index 00000000000..24a2d59ac14
--- /dev/null
+++ b/test/validator/samples/a11y-aria-activedescendant/input.svelte
@@ -0,0 +1,16 @@
+<!-- VALID -->
+<input />
+<input tabindex="0" />
+<input aria-activedescendant="some-id" />
+<input aria-activedescendant="some-id" tabindex={0} />
+<input aria-activedescendant="some-id" tabindex={1} />
+<input aria-activedescendant="some-id" tabindex="0" />
+<input aria-activedescendant="some-id" tabindex={-1} />
+<input aria-activedescendant="some-id" tabindex="-1" />
+<svelte:element this={Math.random() ? 'input' : 'button'} aria-activedescendant="some-id" />
+<div />
+<div aria-activedescendant="some-id" role="tablist" tabindex={-1} />
+<div aria-activedescendant="some-id" role="tablist" tabindex="-1" />
+
+<!-- INVALID -->
+<div aria-activedescendant="some-id" />
diff --git a/test/validator/samples/a11y-aria-activedescendant/warnings.json b/test/validator/samples/a11y-aria-activedescendant/warnings.json
new file mode 100644
index 00000000000..57288f188f0
--- /dev/null
+++ b/test/validator/samples/a11y-aria-activedescendant/warnings.json
@@ -0,0 +1,14 @@
+[
+  {
+    "code": "a11y-aria-activedescendant-has-tabindex",
+    "end": {
+      "column": 36,
+      "line": 16
+    },
+    "message": "A11y: Elements with attribute aria-activedescendant should have tabindex value",
+    "start": {
+      "column": 5,
+      "line": 16
+    }
+  }
+]
diff --git a/test/validator/samples/a11y-aria-props/warnings.json b/test/validator/samples/a11y-aria-props/warnings.json
index 73d34fc589e..f357429f62b 100644
--- a/test/validator/samples/a11y-aria-props/warnings.json
+++ b/test/validator/samples/a11y-aria-props/warnings.json
@@ -4,30 +4,23 @@
 		"message": "A11y: Unknown aria attribute 'aria-labeledby' (did you mean 'labelledby'?)",
 		"start": {
 			"line": 1,
-			"column": 20,
-			"character": 20
+			"column": 20
 		},
 		"end": {
 			"line": 1,
-			"column": 40,
-			"character": 40
-		},
-		"pos": 20
+			"column": 40
+		}
 	},
-
 	{
 		"code": "a11y-missing-attribute",
 		"message": "A11y: <input type=\"image\"> element should have an alt, aria-label or aria-labelledby attribute",
 		"start": {
 			"column": 0,
-			"line": 1,
-			"character": 0
+			"line": 1
 		},
 		"end": {
 			"line": 1,
-			"column": 41,
-			"character": 41
-		},
-		"pos": 0
+			"column": 41
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-aria-proptypes-boolean/input.svelte b/test/validator/samples/a11y-aria-proptypes-boolean/input.svelte
new file mode 100644
index 00000000000..c9929282296
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-boolean/input.svelte
@@ -0,0 +1,8 @@
+<script>
+    const abc = 'abc';
+</script>
+
+<button aria-disabled="yes"/>
+<button aria-disabled="no"/>
+<button aria-disabled={1234}/>
+<button aria-disabled={`${abc}`}/>
\ No newline at end of file
diff --git a/test/validator/samples/a11y-aria-proptypes-boolean/warnings.json b/test/validator/samples/a11y-aria-proptypes-boolean/warnings.json
new file mode 100644
index 00000000000..eadd4314bb7
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-boolean/warnings.json
@@ -0,0 +1,26 @@
+[
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-disabled' must be exactly one of true or false",
+    "start": {
+      "line": 5,
+      "column": 8
+    },
+    "end": {
+      "line": 5,
+      "column": 27
+    }
+  },
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-disabled' must be exactly one of true or false",
+    "start": {
+      "line": 6,
+      "column": 8
+    },
+    "end": {
+      "line": 6,
+      "column": 26
+    }
+  }
+]
diff --git a/test/validator/samples/a11y-aria-proptypes-integer/input.svelte b/test/validator/samples/a11y-aria-proptypes-integer/input.svelte
new file mode 100644
index 00000000000..f426becef75
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-integer/input.svelte
@@ -0,0 +1,7 @@
+<div aria-level="yes" />
+<div aria-level="no" />
+<div aria-level={`abc`} />
+<div aria-level={true} />
+<div aria-level />
+<div aria-level={"false"} />
+<div aria-level={!"false"} />
\ No newline at end of file
diff --git a/test/validator/samples/a11y-aria-proptypes-integer/warnings.json b/test/validator/samples/a11y-aria-proptypes-integer/warnings.json
new file mode 100644
index 00000000000..f8941743680
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-integer/warnings.json
@@ -0,0 +1,38 @@
+[
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-level' must be of type integer",
+    "start": {
+      "line": 1,
+      "column": 5
+    },
+    "end": {
+      "line": 1,
+      "column": 21
+    }
+  },
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-level' must be of type integer",
+    "start": {
+      "line": 2,
+      "column": 5
+    },
+    "end": {
+      "line": 2,
+      "column": 20
+    }
+  },
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-level' must be of type integer",
+    "start": {
+      "line": 5,
+      "column": 5
+    },
+    "end": {
+      "line": 5,
+      "column": 15
+    }
+  }
+]
diff --git a/test/validator/samples/a11y-aria-proptypes-number/input.svelte b/test/validator/samples/a11y-aria-proptypes-number/input.svelte
new file mode 100644
index 00000000000..6006ef49adc
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-number/input.svelte
@@ -0,0 +1,7 @@
+<div aria-valuemax="yes" />
+<div aria-valuemax="no" />
+<div aria-valuemax={`abc`} />
+<div aria-valuemax={true} />
+<div aria-valuemax />
+<div aria-valuemax={'false'} />
+<div aria-valuemax={!'false'} />
\ No newline at end of file
diff --git a/test/validator/samples/a11y-aria-proptypes-number/warnings.json b/test/validator/samples/a11y-aria-proptypes-number/warnings.json
new file mode 100644
index 00000000000..e28a43df37f
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-number/warnings.json
@@ -0,0 +1,38 @@
+[
+	{
+		"code": "a11y-incorrect-aria-attribute-type",
+		"message": "A11y: The value of 'aria-valuemax' must be of type number",
+		"start": {
+			"line": 1,
+			"column": 5
+		},
+		"end": {
+			"line": 1,
+			"column": 24
+		}
+	},
+	{
+		"code": "a11y-incorrect-aria-attribute-type",
+		"message": "A11y: The value of 'aria-valuemax' must be of type number",
+		"start": {
+			"line": 2,
+			"column": 5
+		},
+		"end": {
+			"line": 2,
+			"column": 23
+		}
+	},
+	{
+		"code": "a11y-incorrect-aria-attribute-type",
+		"message": "A11y: The value of 'aria-valuemax' must be of type number",
+		"start": {
+			"line": 5,
+			"column": 5
+		},
+		"end": {
+			"line": 5,
+			"column": 18
+		}
+	}
+]
diff --git a/test/validator/samples/a11y-aria-proptypes-string/input.svelte b/test/validator/samples/a11y-aria-proptypes-string/input.svelte
new file mode 100644
index 00000000000..0c510160af1
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-string/input.svelte
@@ -0,0 +1,5 @@
+<div aria-label />
+<div aria-label={true} />
+<div aria-label={false} />
+<div aria-label={1234} />
+<div aria-label={!true} />
\ No newline at end of file
diff --git a/test/validator/samples/a11y-aria-proptypes-string/warnings.json b/test/validator/samples/a11y-aria-proptypes-string/warnings.json
new file mode 100644
index 00000000000..2dd8f2509f1
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-string/warnings.json
@@ -0,0 +1,14 @@
+[
+	{
+		"code": "a11y-incorrect-aria-attribute-type",
+		"message": "A11y: The value of 'aria-label' must be of type string",
+		"start": {
+			"line": 1,
+			"column": 5
+		},
+		"end": {
+			"line": 1,
+			"column": 15
+		}
+	}
+]
diff --git a/test/validator/samples/a11y-aria-proptypes-token/input.svelte b/test/validator/samples/a11y-aria-proptypes-token/input.svelte
new file mode 100644
index 00000000000..7d879d468c5
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-token/input.svelte
@@ -0,0 +1,6 @@
+<div aria-sort="" />
+<div aria-sort="incorrect" />
+<div aria-sort />
+<div aria-sort={true} />
+<div aria-sort={"false"} />
+<div aria-sort="ascending descending" />
\ No newline at end of file
diff --git a/test/validator/samples/a11y-aria-proptypes-token/warnings.json b/test/validator/samples/a11y-aria-proptypes-token/warnings.json
new file mode 100644
index 00000000000..b07838dde40
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-token/warnings.json
@@ -0,0 +1,50 @@
+[
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-sort' must be exactly one of ascending, descending, none, other",
+    "start": {
+      "line": 1,
+      "column": 5
+    },
+    "end": {
+      "line": 1,
+      "column": 17
+    }
+  },
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-sort' must be exactly one of ascending, descending, none, other",
+    "start": {
+      "line": 2,
+      "column": 5
+    },
+    "end": {
+      "line": 2,
+      "column": 26
+    }
+  },
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-sort' must be exactly one of ascending, descending, none, other",
+    "start": {
+      "line": 3,
+      "column": 5
+    },
+    "end": {
+      "line": 3,
+      "column": 14
+    }
+  },
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-sort' must be exactly one of ascending, descending, none, other",
+    "start": {
+      "line": 6,
+      "column": 5
+    },
+    "end": {
+      "line": 6,
+      "column": 37
+    }
+  }
+]
diff --git a/test/validator/samples/a11y-aria-proptypes-tokenlist/input.svelte b/test/validator/samples/a11y-aria-proptypes-tokenlist/input.svelte
new file mode 100644
index 00000000000..f0926cee603
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-tokenlist/input.svelte
@@ -0,0 +1,7 @@
+<div aria-relevant="" />
+<div aria-relevant="foobar" />
+<div aria-relevant />
+<div aria-relevant={true} />
+<div aria-relevant={"false"} />
+<div aria-relevant="additions removals_" />
+<div aria-relevant="additions removals_ " />
\ No newline at end of file
diff --git a/test/validator/samples/a11y-aria-proptypes-tokenlist/warnings.json b/test/validator/samples/a11y-aria-proptypes-tokenlist/warnings.json
new file mode 100644
index 00000000000..43159dafcd8
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-tokenlist/warnings.json
@@ -0,0 +1,62 @@
+[
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-relevant' must be a space-separated list of one or more of additions, all, removals, text",
+    "start": {
+      "line": 1,
+      "column": 5
+    },
+    "end": {
+      "line": 1,
+      "column": 21
+    }
+  },
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-relevant' must be a space-separated list of one or more of additions, all, removals, text",
+    "start": {
+      "line": 2,
+      "column": 5
+    },
+    "end": {
+      "line": 2,
+      "column": 27
+    }
+  },
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-relevant' must be a space-separated list of one or more of additions, all, removals, text",
+    "start": {
+      "line": 3,
+      "column": 5
+    },
+    "end": {
+      "line": 3,
+      "column": 18
+    }
+  },
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-relevant' must be a space-separated list of one or more of additions, all, removals, text",
+    "start": {
+      "line": 6,
+      "column": 5
+    },
+    "end": {
+      "line": 6,
+      "column": 40
+    }
+  },
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-relevant' must be a space-separated list of one or more of additions, all, removals, text",
+    "start": {
+      "line": 7,
+      "column": 5
+    },
+    "end": {
+      "line": 7,
+      "column": 41
+    }
+  }
+]
diff --git a/test/validator/samples/a11y-aria-proptypes-tristate/input.svelte b/test/validator/samples/a11y-aria-proptypes-tristate/input.svelte
new file mode 100644
index 00000000000..a265f0472bc
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-tristate/input.svelte
@@ -0,0 +1,8 @@
+<script>
+    const abc = 'abc';
+</script>
+
+<div aria-checked="yes" />
+<div aria-checked="no" />
+<div aria-checked={1234} />
+<div aria-checked={`${abc}`} />
\ No newline at end of file
diff --git a/test/validator/samples/a11y-aria-proptypes-tristate/warnings.json b/test/validator/samples/a11y-aria-proptypes-tristate/warnings.json
new file mode 100644
index 00000000000..3711efa22b2
--- /dev/null
+++ b/test/validator/samples/a11y-aria-proptypes-tristate/warnings.json
@@ -0,0 +1,26 @@
+[
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-checked' must be exactly one of true, false, or mixed",
+    "start": {
+      "line": 5,
+      "column": 5
+    },
+    "end": {
+      "line": 5,
+      "column": 23
+    }
+  },
+  {
+    "code": "a11y-incorrect-aria-attribute-type",
+    "message": "A11y: The value of 'aria-checked' must be exactly one of true, false, or mixed",
+    "start": {
+      "line": 6,
+      "column": 5
+    },
+    "end": {
+      "line": 6,
+      "column": 22
+    }
+  }
+]
diff --git a/test/validator/samples/a11y-aria-role/input.svelte b/test/validator/samples/a11y-aria-role/input.svelte
index 3089d84e5b6..1dde21a2adf 100644
--- a/test/validator/samples/a11y-aria-role/input.svelte
+++ b/test/validator/samples/a11y-aria-role/input.svelte
@@ -1 +1,7 @@
-<div role="toooltip"></div>
\ No newline at end of file
+<!-- valid -->
+<div role="tooltip"></div>
+<div role="button tooltip"></div>
+
+<!-- not valid -->
+<div role="toooltip"></div>
+<div role="button toooltip"></div>
diff --git a/test/validator/samples/a11y-aria-role/warnings.json b/test/validator/samples/a11y-aria-role/warnings.json
index 22fb2d52b68..49581ac0031 100644
--- a/test/validator/samples/a11y-aria-role/warnings.json
+++ b/test/validator/samples/a11y-aria-role/warnings.json
@@ -3,15 +3,24 @@
 		"code": "a11y-unknown-role",
 		"message": "A11y: Unknown role 'toooltip' (did you mean 'tooltip'?)",
 		"start": {
-			"line": 1,
-			"column": 5,
-			"character": 5
+			"line": 6,
+			"column": 5
 		},
 		"end": {
-			"line": 1,
-			"column": 20,
-			"character": 20
+			"line": 6,
+			"column": 20
+		}
+	},
+	{
+		"code": "a11y-unknown-role",
+		"message": "A11y: Unknown role 'toooltip' (did you mean 'tooltip'?)",
+		"start": {
+			"line": 7,
+			"column": 5
 		},
-		"pos": 5
+		"end": {
+			"line": 7,
+			"column": 27
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-aria-unsupported-element/warnings.json b/test/validator/samples/a11y-aria-unsupported-element/warnings.json
index 4597e3e8686..04891378b05 100644
--- a/test/validator/samples/a11y-aria-unsupported-element/warnings.json
+++ b/test/validator/samples/a11y-aria-unsupported-element/warnings.json
@@ -4,30 +4,23 @@
 		"message": "A11y: <meta> should not have aria-* attributes",
 		"start": {
 			"line": 1,
-			"column": 6,
-			"character": 6
+			"column": 6
 		},
 		"end": {
 			"line": 1,
-			"column": 25,
-			"character": 25
-		},
-		"pos": 6
+			"column": 25
+		}
 	},
-
 	{
 		"code": "a11y-misplaced-role",
 		"message": "A11y: <meta> should not have role attribute",
 		"start": {
 			"line": 2,
-			"column": 6,
-			"character": 33
+			"column": 6
 		},
 		"end": {
 			"line": 2,
-			"column": 20,
-			"character": 47
-		},
-		"pos": 33
+			"column": 20
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-click-events-have-key-events/input.svelte b/test/validator/samples/a11y-click-events-have-key-events/input.svelte
new file mode 100644
index 00000000000..8737f04ec58
--- /dev/null
+++ b/test/validator/samples/a11y-click-events-have-key-events/input.svelte
@@ -0,0 +1,51 @@
+<script>
+	function noop() {}
+
+	let props = {};
+
+	const dynamicTypeValue = "checkbox";
+	const dynamicAriaHiddenValue = "false";
+	const dynamicRole = "button";
+</script>
+
+<!-- should warn -->
+<div on:click={noop} />
+<div on:click={noop} aria-hidden="false" />
+
+<section on:click={noop} />
+<main on:click={noop} />
+<article on:click={noop} />
+<header on:click={noop} />
+<footer on:click={noop} />
+
+<!-- should not warn -->
+<div class="foo" />
+
+<a href="http://x.y.z" on:click={noop}>foo</a>
+<button on:click={noop} />
+<select on:click={noop} />
+
+<input type="button" on:click={noop} />
+<input type={dynamicTypeValue} on:click={noop} />
+
+<div on:click={noop} {...props} />
+<div on:click={noop} on:keydown={noop} />
+<div on:click={noop} on:keyup={noop} />
+<div on:click={noop} on:keypress={noop} />
+<div on:click={noop} on:keydown={noop} on:keyup={noop} />
+<div on:click={noop} on:keyup={noop} on:keypress={noop} />
+<div on:click={noop} on:keypress={noop} on:keydown={noop} />
+<div on:click={noop} on:keydown={noop} on:keyup={noop} on:keypress={noop} />
+
+<input on:click={noop} type="hidden" />
+
+<div on:click={noop} aria-hidden />
+<div on:click={noop} aria-hidden="true" />
+<div on:click={noop} aria-hidden="false" on:keydown={noop} />
+<div on:click={noop} aria-hidden={dynamicAriaHiddenValue} />
+
+<div on:click={noop} role="presentation" />
+<div on:click={noop} role="none" />
+<div on:click={noop} role={dynamicRole} />
+
+<svelte:element this={Math.random() ? 'button' : 'div'} on:click={noop} />
diff --git a/test/validator/samples/a11y-click-events-have-key-events/warnings.json b/test/validator/samples/a11y-click-events-have-key-events/warnings.json
new file mode 100644
index 00000000000..904c733a993
--- /dev/null
+++ b/test/validator/samples/a11y-click-events-have-key-events/warnings.json
@@ -0,0 +1,86 @@
+[
+	{
+		"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.",
+		"start": {
+			"line": 12,
+			"column": 0
+		},
+		"end": {
+			"line": 12,
+			"column": 23
+		}
+	},
+	{
+		"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.",
+		"start": {
+			"line": 13,
+			"column": 0
+		},
+		"end": {
+			"line": 13,
+			"column": 43
+		}
+	},
+	{
+		"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.",
+		"start": {
+			"line": 15,
+			"column": 0
+		},
+		"end": {
+			"line": 15,
+			"column": 27
+		}
+	},
+	{
+		"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.",
+		"start": {
+			"line": 16,
+			"column": 0
+		},
+		"end": {
+			"line": 16,
+			"column": 24
+		}
+	},
+	{
+		"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.",
+		"start": {
+			"line": 17,
+			"column": 0
+		},
+		"end": {
+			"line": 17,
+			"column": 27
+		}
+	},
+	{
+		"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.",
+		"start": {
+			"line": 18,
+			"column": 0
+		},
+		"end": {
+			"line": 18,
+			"column": 26
+		}
+	},
+	{
+		"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.",
+		"start": {
+			"line": 19,
+			"column": 0
+		},
+		"end": {
+			"line": 19,
+			"column": 26
+		}
+	}
+]
diff --git a/test/validator/samples/a11y-contenteditable-element-without-child/errors.json b/test/validator/samples/a11y-contenteditable-element-without-child/errors.json
index dd2a915b9d9..b4bd522c404 100644
--- a/test/validator/samples/a11y-contenteditable-element-without-child/errors.json
+++ b/test/validator/samples/a11y-contenteditable-element-without-child/errors.json
@@ -4,14 +4,11 @@
 		"message": "'contenteditable' attribute is required for textContent and innerHTML two-way bindings",
 		"start": {
 			"line": 6,
-			"column": 3,
-			"character": 157
+			"column": 3
 		},
 		"end": {
 			"line": 6,
-			"column": 24,
-			"character": 178
-		},
-		"pos": 157
+			"column": 24
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-figcaption-wrong-place/warnings.json b/test/validator/samples/a11y-figcaption-wrong-place/warnings.json
index eba5b6f31eb..c9cac1daf96 100644
--- a/test/validator/samples/a11y-figcaption-wrong-place/warnings.json
+++ b/test/validator/samples/a11y-figcaption-wrong-place/warnings.json
@@ -4,29 +4,23 @@
 		"message": "A11y: <figcaption> must be first or last child of <figure>",
 		"start": {
 			"line": 4,
-			"column": 1,
-			"character": 44
+			"column": 1
 		},
 		"end": {
 			"line": 6,
-			"column": 14,
-			"character": 102
-		},
-		"pos": 44
+			"column": 14
+		}
 	},
 	{
 		"code": "a11y-structure",
 		"message": "A11y: <figcaption> must be an immediate child of <figure>",
 		"start": {
 			"line": 15,
-			"column": 2,
-			"character": 226
+			"column": 2
 		},
 		"end": {
 			"line": 17,
-			"column": 15,
-			"character": 302
-		},
-		"pos": 226
+			"column": 15
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-heading-has-content/warnings.json b/test/validator/samples/a11y-heading-has-content/warnings.json
index 9cb77adc02c..ad5f5d40334 100644
--- a/test/validator/samples/a11y-heading-has-content/warnings.json
+++ b/test/validator/samples/a11y-heading-has-content/warnings.json
@@ -4,30 +4,23 @@
 		"message": "A11y: <h1> element should have child content",
 		"start": {
 			"line": 1,
-			"column": 0,
-			"character": 0
+			"column": 0
 		},
 		"end": {
 			"line": 1,
-			"column": 9,
-			"character": 9
-		},
-		"pos": 0
+			"column": 9
+		}
 	},
-
 	{
 		"code": "a11y-hidden",
 		"message": "A11y: <h2> element should not be hidden",
 		"start": {
 			"line": 2,
-			"column": 4,
-			"character": 14
+			"column": 4
 		},
 		"end": {
 			"line": 2,
-			"column": 15,
-			"character": 25
-		},
-		"pos": 14
+			"column": 15
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-html-has-lang/warnings.json b/test/validator/samples/a11y-html-has-lang/warnings.json
index 2ac8a2e5e01..097e8e88bd8 100644
--- a/test/validator/samples/a11y-html-has-lang/warnings.json
+++ b/test/validator/samples/a11y-html-has-lang/warnings.json
@@ -4,14 +4,11 @@
 		"message": "A11y: <html> element should have a lang attribute",
 		"start": {
 			"column": 0,
-			"line": 9,
-			"character": 124
+			"line": 9
 		},
 		"end": {
 			"line": 9,
-			"column": 13,
-			"character": 137
-		},
-		"pos": 124
+			"column": 13
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-iframe-has-title/warnings.json b/test/validator/samples/a11y-iframe-has-title/warnings.json
index cc80cceaa2c..e78523931ed 100644
--- a/test/validator/samples/a11y-iframe-has-title/warnings.json
+++ b/test/validator/samples/a11y-iframe-has-title/warnings.json
@@ -4,14 +4,11 @@
 		"message": "A11y: <iframe> element should have a title attribute",
 		"start": {
 			"line": 5,
-			"column": 0,
-			"character": 37
+			"column": 0
 		},
 		"end": {
 			"line": 5,
-			"column": 27,
-			"character": 64
-		},
-		"pos": 37
+			"column": 27
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-img-redundant-alt/warnings.json b/test/validator/samples/a11y-img-redundant-alt/warnings.json
index 44106c23d00..9ba5a1c96e6 100644
--- a/test/validator/samples/a11y-img-redundant-alt/warnings.json
+++ b/test/validator/samples/a11y-img-redundant-alt/warnings.json
@@ -3,45 +3,36 @@
 		"code": "a11y-img-redundant-alt",
 		"message": "A11y: Screenreaders already announce <img> elements as an image.",
 		"end": {
-			"character": 173,
 			"column": 49,
 			"line": 3
 		},
 		"start": {
-			"character": 124,
 			"column": 0,
 			"line": 3
-		},
-		"pos": 124
+		}
 	},
 	{
 		"code": "a11y-img-redundant-alt",
 		"message": "A11y: Screenreaders already announce <img> elements as an image.",
 		"end": {
-			"character": 219,
 			"column": 45,
 			"line": 4
 		},
 		"start": {
-			"character": 174,
 			"column": 0,
 			"line": 4
-		},
-		"pos": 174
+		}
 	},
 	{
 		"code": "a11y-img-redundant-alt",
 		"message": "A11y: Screenreaders already announce <img> elements as an image.",
 		"end": {
-			"character": 272,
 			"column": 52,
 			"line": 5
 		},
 		"start": {
-			"character": 220,
 			"column": 0,
 			"line": 5
-		},
-		"pos": 220
+		}
 	}
-]
\ No newline at end of file
+]
diff --git a/test/validator/samples/a11y-label-has-associated-control-2/input.svelte b/test/validator/samples/a11y-label-has-associated-control-2/input.svelte
new file mode 100644
index 00000000000..de26d50782d
--- /dev/null
+++ b/test/validator/samples/a11y-label-has-associated-control-2/input.svelte
@@ -0,0 +1,3 @@
+<label>
+  <slot />
+</label>
diff --git a/test/validator/samples/a11y-label-has-associated-control-2/warnings.json b/test/validator/samples/a11y-label-has-associated-control-2/warnings.json
new file mode 100644
index 00000000000..fe51488c706
--- /dev/null
+++ b/test/validator/samples/a11y-label-has-associated-control-2/warnings.json
@@ -0,0 +1 @@
+[]
diff --git a/test/validator/samples/a11y-label-has-associated-control/input.svelte b/test/validator/samples/a11y-label-has-associated-control/input.svelte
index 43304689dc2..124888c089a 100644
--- a/test/validator/samples/a11y-label-has-associated-control/input.svelte
+++ b/test/validator/samples/a11y-label-has-associated-control/input.svelte
@@ -1,6 +1,12 @@
+<script>
+  import LabelComponent from './label.svelte'
+</script>
+
 <label>A</label>
 <label for="id">B</label>
 
 <label>C <input type="text" /></label>
 <label>D <button>D</button></label>
 <label>E <span></span></label>
+<label>F {#if true}<input type="text" />{/if}</label>
+<LabelComponent>G <input type="text" /></LabelComponent>
diff --git a/test/validator/samples/a11y-label-has-associated-control/warnings.json b/test/validator/samples/a11y-label-has-associated-control/warnings.json
index b70a1a47de7..4bbaf6c6c21 100644
--- a/test/validator/samples/a11y-label-has-associated-control/warnings.json
+++ b/test/validator/samples/a11y-label-has-associated-control/warnings.json
@@ -1,32 +1,26 @@
 [
-  {
-    "code": "a11y-label-has-associated-control",
-    "end": {
-      "character": 16,
-      "column": 16,
-      "line": 1
-    },
-    "message": "A11y: A form label must be associated with a control.",
-    "pos": 0,
-    "start": {
-      "character": 0,
-      "column": 0,
-      "line": 1
-    }
-  },
-  {
-    "code": "a11y-label-has-associated-control",
-    "end": {
-      "character": 149,
-      "column": 30,
-      "line": 6
-    },
-    "message": "A11y: A form label must be associated with a control.",
-    "pos": 119,
-    "start": {
-      "character": 119,
-      "column": 0,
-      "line": 6
-    }
-  }
+	{
+		"code": "a11y-label-has-associated-control",
+		"end": {
+			"column": 16,
+			"line": 5
+		},
+		"message": "A11y: A form label must be associated with a control.",
+		"start": {
+			"column": 0,
+			"line": 5
+		}
+	},
+	{
+		"code": "a11y-label-has-associated-control",
+		"end": {
+			"column": 30,
+			"line": 10
+		},
+		"message": "A11y: A form label must be associated with a control.",
+		"start": {
+			"column": 0,
+			"line": 10
+		}
+	}
 ]
diff --git a/test/validator/samples/a11y-media-has-caption/input.svelte b/test/validator/samples/a11y-media-has-caption/input.svelte
index 6d98fd37344..30f9a05f91c 100644
--- a/test/validator/samples/a11y-media-has-caption/input.svelte
+++ b/test/validator/samples/a11y-media-has-caption/input.svelte
@@ -2,3 +2,6 @@
 <video></video>
 <video><track /></video>
 <audio></audio>
+<video aria-hidden></video>
+<video aria-hidden="false"></video>
+<video aria-hidden="true"></video>
diff --git a/test/validator/samples/a11y-media-has-caption/warnings.json b/test/validator/samples/a11y-media-has-caption/warnings.json
index 72c2caae53f..b1d705c9fbc 100644
--- a/test/validator/samples/a11y-media-has-caption/warnings.json
+++ b/test/validator/samples/a11y-media-has-caption/warnings.json
@@ -2,14 +2,11 @@
   {
     "code": "a11y-media-has-caption",
     "end": {
-      "character": 55,
       "column": 15,
       "line": 2
     },
     "message": "A11y: <video> elements must have a <track kind=\"captions\">",
-    "pos": 40,
     "start": {
-      "character": 40,
       "column": 0,
       "line": 2
     }
@@ -17,16 +14,37 @@
   {
     "code": "a11y-media-has-caption",
     "end": {
-      "character": 80,
       "column": 24,
       "line": 3
     },
     "message": "A11y: <video> elements must have a <track kind=\"captions\">",
-    "pos": 56,
     "start": {
-      "character": 56,
       "column": 0,
       "line": 3
     }
+  },
+  {
+    "code": "a11y-media-has-caption",
+    "end": {
+      "column": 27,
+      "line": 5
+    },
+    "message": "A11y: <video> elements must have a <track kind=\"captions\">",
+    "start": {
+      "column": 0,
+      "line": 5
+    }
+  },
+  {
+    "code": "a11y-media-has-caption",
+    "end": {
+      "column": 35,
+      "line": 6
+    },
+    "message": "A11y: <video> elements must have a <track kind=\"captions\">",
+    "start": {
+      "column": 0,
+      "line": 6
+    }
   }
 ]
diff --git a/test/validator/samples/a11y-mouse-events-have-key-events/input.svelte b/test/validator/samples/a11y-mouse-events-have-key-events/input.svelte
index 22de04f38a1..ae67bcd307c 100644
--- a/test/validator/samples/a11y-mouse-events-have-key-events/input.svelte
+++ b/test/validator/samples/a11y-mouse-events-have-key-events/input.svelte
@@ -3,7 +3,7 @@
 	// Props should be passed down explicitly for rule to pass.
 	const otherProps = {
 		onBlur: () => void 0,
-		onFocus: () => void 0,
+		onFocus: () => void 0
 	};
 </script>
 
diff --git a/test/validator/samples/a11y-mouse-events-have-key-events/warnings.json b/test/validator/samples/a11y-mouse-events-have-key-events/warnings.json
index b3fe15feee1..e67a2a718f0 100644
--- a/test/validator/samples/a11y-mouse-events-have-key-events/warnings.json
+++ b/test/validator/samples/a11y-mouse-events-have-key-events/warnings.json
@@ -2,14 +2,11 @@
     {
         "code": "a11y-mouse-events-have-key-events",
         "end": {
-            "character": 272,
             "column": 35,
             "line": 10
         },
         "message": "A11y: on:mouseover must be accompanied by on:focus",
-        "pos": 237,
         "start": {
-            "character": 237,
             "column": 0,
             "line": 10
         }
@@ -17,14 +14,11 @@
     {
         "code": "a11y-mouse-events-have-key-events",
         "end": {
-            "character": 384,
             "column": 51,
             "line": 12
         },
         "message": "A11y: on:mouseover must be accompanied by on:focus",
-        "pos": 333,
         "start": {
-            "character": 333,
             "column": 0,
             "line": 12
         }
@@ -32,14 +26,11 @@
     {
         "code": "a11y-mouse-events-have-key-events",
         "end": {
-            "character": 419,
             "column": 34,
             "line": 13
         },
         "message": "A11y: on:mouseout must be accompanied by on:blur",
-        "pos": 385,
         "start": {
-            "character": 385,
             "column": 0,
             "line": 13
         }
@@ -47,16 +38,13 @@
     {
         "code": "a11y-mouse-events-have-key-events",
         "end": {
-            "character": 528,
             "column": 50,
             "line": 15
         },
         "message": "A11y: on:mouseout must be accompanied by on:blur",
-        "pos": 478,
         "start": {
-            "character": 478,
             "column": 0,
             "line": 15
         }
     }
-]
\ No newline at end of file
+]
diff --git a/test/validator/samples/a11y-no-abstract-roles/input.svelte b/test/validator/samples/a11y-no-abstract-roles/input.svelte
new file mode 100644
index 00000000000..dbe6bd85811
--- /dev/null
+++ b/test/validator/samples/a11y-no-abstract-roles/input.svelte
@@ -0,0 +1,12 @@
+<div role="command"/>
+<div role="composite"/>
+<div role="input"/>
+<div role="landmark"/>
+<div role="range"/>
+<div role="roletype"/>
+<div role="section"/>
+<div role="sectionhead"/>
+<div role="select"/>
+<div role="structure"/>
+<div role="widget"/>
+<div role="window"/>
diff --git a/test/validator/samples/a11y-no-abstract-roles/warnings.json b/test/validator/samples/a11y-no-abstract-roles/warnings.json
new file mode 100644
index 00000000000..c17ae461f9c
--- /dev/null
+++ b/test/validator/samples/a11y-no-abstract-roles/warnings.json
@@ -0,0 +1,146 @@
+[
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 19,
+			"line": 1
+		},
+		"message": "A11y: Abstract role 'command' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 1
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 21,
+			"line": 2
+		},
+		"message": "A11y: Abstract role 'composite' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 2
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 17,
+			"line": 3
+		},
+		"message": "A11y: Abstract role 'input' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 3
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 20,
+			"line": 4
+		},
+		"message": "A11y: Abstract role 'landmark' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 4
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 17,
+			"line": 5
+		},
+		"message": "A11y: Abstract role 'range' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 5
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 20,
+			"line": 6
+		},
+		"message": "A11y: Abstract role 'roletype' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 6
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 19,
+			"line": 7
+		},
+		"message": "A11y: Abstract role 'section' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 7
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 23,
+			"line": 8
+		},
+		"message": "A11y: Abstract role 'sectionhead' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 8
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 18,
+			"line": 9
+		},
+		"message": "A11y: Abstract role 'select' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 9
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 21,
+			"line": 10
+		},
+		"message": "A11y: Abstract role 'structure' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 10
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 18,
+			"line": 11
+		},
+		"message": "A11y: Abstract role 'widget' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 11
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 18,
+			"line": 12
+		},
+		"message": "A11y: Abstract role 'window' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 12
+		}
+	}
+]
diff --git a/test/validator/samples/a11y-no-access-key/warnings.json b/test/validator/samples/a11y-no-access-key/warnings.json
index e7593b00fd9..999284c2181 100644
--- a/test/validator/samples/a11y-no-access-key/warnings.json
+++ b/test/validator/samples/a11y-no-access-key/warnings.json
@@ -3,13 +3,10 @@
 	"message": "A11y: Avoid using accesskey",
 	"start": {
 		"line": 1,
-		"column": 5,
-		"character": 5
+		"column": 5
 	},
 	"end": {
 		"line": 1,
-		"column": 18,
-		"character": 18
-	},
-	"pos": 5
-}]
\ No newline at end of file
+		"column": 18
+	}
+}]
diff --git a/test/validator/samples/a11y-no-autofocus/warnings.json b/test/validator/samples/a11y-no-autofocus/warnings.json
index c4bf7d7a96f..5bf924956fd 100644
--- a/test/validator/samples/a11y-no-autofocus/warnings.json
+++ b/test/validator/samples/a11y-no-autofocus/warnings.json
@@ -3,13 +3,10 @@
 	"message": "A11y: Avoid using autofocus",
 	"start": {
 		"line": 1,
-		"column": 5,
-		"character": 5
+		"column": 5
 	},
 	"end": {
 		"line": 1,
-		"column": 14,
-		"character": 14
-	},
-	"pos": 5
-}]
\ No newline at end of file
+		"column": 14
+	}
+}]
diff --git a/test/validator/samples/a11y-no-distracting-elements/warnings.json b/test/validator/samples/a11y-no-distracting-elements/warnings.json
index eb78dc91402..3714e8037ea 100644
--- a/test/validator/samples/a11y-no-distracting-elements/warnings.json
+++ b/test/validator/samples/a11y-no-distracting-elements/warnings.json
@@ -4,30 +4,23 @@
 		"message": "A11y: Avoid <marquee> elements",
 		"start": {
 			"line": 1,
-			"column": 0,
-			"character": 0
+			"column": 0
 		},
 		"end": {
 			"line": 1,
-			"column": 10,
-			"character": 10
-		},
-		"pos": 0
+			"column": 10
+		}
 	},
-
 	{
 		"code": "a11y-distracting-elements",
 		"message": "A11y: Avoid <blink> elements",
 		"start": {
 			"line": 2,
-			"column": 0,
-			"character": 11
+			"column": 0
 		},
 		"end": {
 			"line": 2,
-			"column": 8,
-			"character": 19
-		},
-		"pos": 11
+			"column": 8
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-no-interactive-element-to-noninteractive-role/input.svelte b/test/validator/samples/a11y-no-interactive-element-to-noninteractive-role/input.svelte
new file mode 100644
index 00000000000..80b4fd94102
--- /dev/null
+++ b/test/validator/samples/a11y-no-interactive-element-to-noninteractive-role/input.svelte
@@ -0,0 +1,150 @@
+<!-- a -->
+<a href="test" role="article">link</a>
+<a href="test" role="banner">link</a>
+<a href="test" role="complementary">link</a>
+<a href="test" role="img">link</a>
+<a href="test" role="listitem">link</a>
+<a href="test" role="main">link</a>
+<a href="test" role="region">link</a>
+<a href="test" role="tooltip">link</a>
+<a href="test" role="button">link</a>
+
+<!-- button -->
+<button role="article">button</button>
+<button role="banner">button</button>
+<button role="complementary">button</button>
+<button role="img">button</button>
+<button role="listitem">button</button>
+<button role="main">button</button>
+<button role="region">button</button>
+<button role="tooltip">button</button>
+<button role="button">button</button>
+
+<!-- input -->
+<input role="article"/>
+<input role="banner"/>
+<input role="complementary"/>
+<input role="img"/>
+<input role="listitem"/>
+<input role="main"/>
+<input role="region"/>
+<input role="tooltip"/>
+<input role="button"/>
+
+<!-- select -->
+<select role="article"/>
+<select role="banner"/>
+<select role="complementary"/>
+<select role="img"/>
+<select role="listitem"/>
+<select role="main"/>
+<select role="region"/>
+<select role="tooltip"/>
+<select role="button"/>
+
+<!-- textarea -->
+<textarea role="article"/>
+<textarea role="banner"/>
+<textarea role="complementary"/>
+<textarea role="img"/>
+<textarea role="listitem"/>
+<textarea role="main"/>
+<textarea role="region"/>
+<textarea role="tooltip"/>
+<textarea role="button"/>
+
+<!-- HTML elements attributed with an abstract role -->
+<div role="command" />
+<div role="composite" />
+<div role="input" />
+<div role="landmark" />
+<div role="range" />
+<div role="roletype" />
+<div role="section" />
+<div role="sectionhead" />
+<div role="select" />
+<div role="structure" />
+<div role="tablist" />
+<div role="toolbar" />
+<div role="tree" />
+<div role="treegrid" />
+<div role="widget" />
+<div role="window" />
+
+<!-- HTML elements with an inherent, non-interactive role, assigned an interactive role. -->
+<main role="button" />
+<area role="button" alt="x" />
+<article role="button" />
+<article role="button" />
+<dd role="button" />
+<dfn role="button" />
+<dt role="button" />
+<fieldset role="button" />
+<figure role="button" />
+<form role="button" />
+<frame role="button" />
+<h1 role="button">title</h1>
+<h2 role="button">title</h2>
+<h3 role="button">title</h3>
+<h4 role="button">title</h4>
+<h5 role="button">title</h5>
+<h6 role="button">title</h6>
+<hr role="button" />
+<img role="button" alt="x" />
+<li role="button" />
+<li role="presentation" />
+<nav role="button" />
+<ol role="button" />
+<table role="button" />
+<tbody role="button" />
+<td role="button" />
+<tfoot role="button" />
+<thead role="button" />
+<ul role="button" />
+
+<!-- HTML elements attributed with a non-interactive role -->
+<div role="alert" />
+<div role="alertdialog" />
+<div role="application" />
+<div role="article" />
+<div role="banner" />
+<div role="cell" />
+<div role="complementary" />
+<div role="contentinfo" />
+<div role="definition" />
+<div role="dialog" />
+<div role="directory" />
+<div role="document" />
+<div role="feed" />
+<div role="figure" />
+<div role="form" />
+<div role="group" />
+<div role="heading" aria-level="1" />
+<div role="img" />
+<div role="list" />
+<div role="listitem" />
+<div role="log" />
+<div role="main" />
+<div role="marquee" />
+<div role="math" />
+<div role="navigation" />
+<div role="note" />
+<div role="region" />
+<div role="rowgroup" />
+<div role="search" />
+<div role="separator" />
+<div role="scrollbar" aria-controls="x" aria-valuenow="0" />
+<div role="status" />
+<div role="table" />
+<div role="tabpanel" />
+<div role="term" />
+<div role="timer" />
+<div role="tooltip" />
+
+<!-- not valid -->
+<menuitem role="listitem" />
+<option class="foo" role="listitem" />
+<select class="foo" role="listitem" />
+<summary role="listitem" />
+<textarea class="foo" role="listitem" />
+<tr role="listitem" />
diff --git a/test/validator/samples/a11y-no-interactive-element-to-noninteractive-role/warnings.json b/test/validator/samples/a11y-no-interactive-element-to-noninteractive-role/warnings.json
new file mode 100644
index 00000000000..7d8ef008cfb
--- /dev/null
+++ b/test/validator/samples/a11y-no-interactive-element-to-noninteractive-role/warnings.json
@@ -0,0 +1,710 @@
+[
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 38,
+			"line": 2
+		},
+		"message": "A11y: <a> cannot have role 'article'",
+		"start": {
+			"column": 0,
+			"line": 2
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 37,
+			"line": 3
+		},
+		"message": "A11y: <a> cannot have role 'banner'",
+		"start": {
+			"column": 0,
+			"line": 3
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 44,
+			"line": 4
+		},
+		"message": "A11y: <a> cannot have role 'complementary'",
+		"start": {
+			"column": 0,
+			"line": 4
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 34,
+			"line": 5
+		},
+		"message": "A11y: <a> cannot have role 'img'",
+		"start": {
+			"column": 0,
+			"line": 5
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 39,
+			"line": 6
+		},
+		"message": "A11y: <a> cannot have role 'listitem'",
+		"start": {
+			"column": 0,
+			"line": 6
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 35,
+			"line": 7
+		},
+		"message": "A11y: <a> cannot have role 'main'",
+		"start": {
+			"column": 0,
+			"line": 7
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 37,
+			"line": 8
+		},
+		"message": "A11y: <a> cannot have role 'region'",
+		"start": {
+			"column": 0,
+			"line": 8
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 38,
+			"line": 9
+		},
+		"message": "A11y: <a> cannot have role 'tooltip'",
+		"start": {
+			"column": 0,
+			"line": 9
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 38,
+			"line": 13
+		},
+		"message": "A11y: <button> cannot have role 'article'",
+		"start": {
+			"column": 0,
+			"line": 13
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 37,
+			"line": 14
+		},
+		"message": "A11y: <button> cannot have role 'banner'",
+		"start": {
+			"column": 0,
+			"line": 14
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 44,
+			"line": 15
+		},
+		"message": "A11y: <button> cannot have role 'complementary'",
+		"start": {
+			"column": 0,
+			"line": 15
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 34,
+			"line": 16
+		},
+		"message": "A11y: <button> cannot have role 'img'",
+		"start": {
+			"column": 0,
+			"line": 16
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 39,
+			"line": 17
+		},
+		"message": "A11y: <button> cannot have role 'listitem'",
+		"start": {
+			"column": 0,
+			"line": 17
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 35,
+			"line": 18
+		},
+		"message": "A11y: <button> cannot have role 'main'",
+		"start": {
+			"column": 0,
+			"line": 18
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 37,
+			"line": 19
+		},
+		"message": "A11y: <button> cannot have role 'region'",
+		"start": {
+			"column": 0,
+			"line": 19
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 38,
+			"line": 20
+		},
+		"message": "A11y: <button> cannot have role 'tooltip'",
+		"start": {
+			"column": 0,
+			"line": 20
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 21,
+			"line": 21
+		},
+		"message": "A11y: Redundant role 'button'",
+		"start": {
+			"column": 8,
+			"line": 21
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 23,
+			"line": 24
+		},
+		"message": "A11y: <input> cannot have role 'article'",
+		"start": {
+			"column": 0,
+			"line": 24
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 22,
+			"line": 25
+		},
+		"message": "A11y: <input> cannot have role 'banner'",
+		"start": {
+			"column": 0,
+			"line": 25
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 29,
+			"line": 26
+		},
+		"message": "A11y: <input> cannot have role 'complementary'",
+		"start": {
+			"column": 0,
+			"line": 26
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 19,
+			"line": 27
+		},
+		"message": "A11y: <input> cannot have role 'img'",
+		"start": {
+			"column": 0,
+			"line": 27
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 24,
+			"line": 28
+		},
+		"message": "A11y: <input> cannot have role 'listitem'",
+		"start": {
+			"column": 0,
+			"line": 28
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 20,
+			"line": 29
+		},
+		"message": "A11y: <input> cannot have role 'main'",
+		"start": {
+			"column": 0,
+			"line": 29
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 22,
+			"line": 30
+		},
+		"message": "A11y: <input> cannot have role 'region'",
+		"start": {
+			"column": 0,
+			"line": 30
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 23,
+			"line": 31
+		},
+		"message": "A11y: <input> cannot have role 'tooltip'",
+		"start": {
+			"column": 0,
+			"line": 31
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 24,
+			"line": 35
+		},
+		"message": "A11y: <select> cannot have role 'article'",
+		"start": {
+			"column": 0,
+			"line": 35
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 23,
+			"line": 36
+		},
+		"message": "A11y: <select> cannot have role 'banner'",
+		"start": {
+			"column": 0,
+			"line": 36
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 30,
+			"line": 37
+		},
+		"message": "A11y: <select> cannot have role 'complementary'",
+		"start": {
+			"column": 0,
+			"line": 37
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 20,
+			"line": 38
+		},
+		"message": "A11y: <select> cannot have role 'img'",
+		"start": {
+			"column": 0,
+			"line": 38
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 25,
+			"line": 39
+		},
+		"message": "A11y: <select> cannot have role 'listitem'",
+		"start": {
+			"column": 0,
+			"line": 39
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 21,
+			"line": 40
+		},
+		"message": "A11y: <select> cannot have role 'main'",
+		"start": {
+			"column": 0,
+			"line": 40
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 23,
+			"line": 41
+		},
+		"message": "A11y: <select> cannot have role 'region'",
+		"start": {
+			"column": 0,
+			"line": 41
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 24,
+			"line": 42
+		},
+		"message": "A11y: <select> cannot have role 'tooltip'",
+		"start": {
+			"column": 0,
+			"line": 42
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 26,
+			"line": 46
+		},
+		"message": "A11y: <textarea> cannot have role 'article'",
+		"start": {
+			"column": 0,
+			"line": 46
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 25,
+			"line": 47
+		},
+		"message": "A11y: <textarea> cannot have role 'banner'",
+		"start": {
+			"column": 0,
+			"line": 47
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 32,
+			"line": 48
+		},
+		"message": "A11y: <textarea> cannot have role 'complementary'",
+		"start": {
+			"column": 0,
+			"line": 48
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 22,
+			"line": 49
+		},
+		"message": "A11y: <textarea> cannot have role 'img'",
+		"start": {
+			"column": 0,
+			"line": 49
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 27,
+			"line": 50
+		},
+		"message": "A11y: <textarea> cannot have role 'listitem'",
+		"start": {
+			"column": 0,
+			"line": 50
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 23,
+			"line": 51
+		},
+		"message": "A11y: <textarea> cannot have role 'main'",
+		"start": {
+			"column": 0,
+			"line": 51
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 25,
+			"line": 52
+		},
+		"message": "A11y: <textarea> cannot have role 'region'",
+		"start": {
+			"column": 0,
+			"line": 52
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 26,
+			"line": 53
+		},
+		"message": "A11y: <textarea> cannot have role 'tooltip'",
+		"start": {
+			"column": 0,
+			"line": 53
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 19,
+			"line": 57
+		},
+		"message": "A11y: Abstract role 'command' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 57
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 21,
+			"line": 58
+		},
+		"message": "A11y: Abstract role 'composite' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 58
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 17,
+			"line": 59
+		},
+		"message": "A11y: Abstract role 'input' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 59
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 20,
+			"line": 60
+		},
+		"message": "A11y: Abstract role 'landmark' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 60
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 17,
+			"line": 61
+		},
+		"message": "A11y: Abstract role 'range' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 61
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 20,
+			"line": 62
+		},
+		"message": "A11y: Abstract role 'roletype' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 62
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 19,
+			"line": 63
+		},
+		"message": "A11y: Abstract role 'section' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 63
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 23,
+			"line": 64
+		},
+		"message": "A11y: Abstract role 'sectionhead' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 64
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 18,
+			"line": 65
+		},
+		"message": "A11y: Abstract role 'select' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 65
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 21,
+			"line": 66
+		},
+		"message": "A11y: Abstract role 'structure' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 66
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 18,
+			"line": 71
+		},
+		"message": "A11y: Abstract role 'widget' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 71
+		}
+	},
+	{
+		"code": "a11y-no-abstract-role",
+		"end": {
+			"column": 18,
+			"line": 72
+		},
+		"message": "A11y: Abstract role 'window' is forbidden",
+		"start": {
+			"column": 5,
+			"line": 72
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 28,
+			"line": 145
+		},
+		"message": "A11y: <menuitem> cannot have role 'listitem'",
+		"start": {
+			"column": 0,
+			"line": 145
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 38,
+			"line": 146
+		},
+		"message": "A11y: <option> cannot have role 'listitem'",
+		"start": {
+			"column": 0,
+			"line": 146
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 38,
+			"line": 147
+		},
+		"message": "A11y: <select> cannot have role 'listitem'",
+		"start": {
+			"column": 0,
+			"line": 147
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 27,
+			"line": 148
+		},
+		"message": "A11y: <summary> cannot have role 'listitem'",
+		"start": {
+			"column": 0,
+			"line": 148
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 40,
+			"line": 149
+		},
+		"message": "A11y: <textarea> cannot have role 'listitem'",
+		"start": {
+			"column": 0,
+			"line": 149
+		}
+	},
+	{
+		"code": "a11y-no-interactive-element-to-noninteractive-role",
+		"end": {
+			"column": 22,
+			"line": 150
+		},
+		"message": "A11y: <tr> cannot have role 'listitem'",
+		"start": {
+			"column": 0,
+			"line": 150
+		}
+	}
+]
diff --git a/test/validator/samples/a11y-no-noninteractive-tabindex/input.svelte b/test/validator/samples/a11y-no-noninteractive-tabindex/input.svelte
new file mode 100644
index 00000000000..3b1fd14120a
--- /dev/null
+++ b/test/validator/samples/a11y-no-noninteractive-tabindex/input.svelte
@@ -0,0 +1,16 @@
+<!-- valid -->
+<button />
+<button tabindex='0' />
+<button tabindex='{0}' />
+<div />
+<div tabindex='-1' />
+<div role='button' tabindex='0' />
+<div role='article' tabindex='-1' />
+<article tabindex='-1' />
+<div role="tabpanel" tabindex='0' />
+<svelte:element this={Math.random() ? 'button' : 'div'} tabindex="0" />
+<!-- invalid -->
+<div tabindex='0' />
+<div role='article' tabindex='0' />
+<article tabindex='0' />
+<article tabindex='{0}' />
diff --git a/test/validator/samples/a11y-no-noninteractive-tabindex/warnings.json b/test/validator/samples/a11y-no-noninteractive-tabindex/warnings.json
new file mode 100644
index 00000000000..73f00429dfd
--- /dev/null
+++ b/test/validator/samples/a11y-no-noninteractive-tabindex/warnings.json
@@ -0,0 +1,50 @@
+[
+	{
+		"code": "a11y-no-noninteractive-tabindex",
+		"end": {
+			"column": 20,
+			"line": 13
+		},
+		"message": "A11y: noninteractive element cannot have nonnegative tabIndex value",
+		"start": {
+			"column": 0,
+			"line": 13
+		}
+	},
+	{
+		"code": "a11y-no-noninteractive-tabindex",
+		"end": {
+			"column": 35,
+			"line": 14
+		},
+		"message": "A11y: noninteractive element cannot have nonnegative tabIndex value",
+		"start": {
+			"column": 0,
+			"line": 14
+		}
+	},
+	{
+		"code": "a11y-no-noninteractive-tabindex",
+		"end": {
+			"column": 24,
+			"line": 15
+		},
+		"message": "A11y: noninteractive element cannot have nonnegative tabIndex value",
+		"start": {
+			"column": 0,
+			"line": 15
+		}
+	},
+	{
+		"code": "a11y-no-noninteractive-tabindex",
+		"end": {
+			"column": 26,
+			"line": 16
+		},
+		"message": "A11y: noninteractive element cannot have nonnegative tabIndex value",
+		"start": {
+			"column": 0,
+			"line": 16
+		}
+	}
+]
diff --git a/test/validator/samples/a11y-no-redundant-roles/warnings.json b/test/validator/samples/a11y-no-redundant-roles/warnings.json
index 8aa3520b323..4fcd60385ea 100644
--- a/test/validator/samples/a11y-no-redundant-roles/warnings.json
+++ b/test/validator/samples/a11y-no-redundant-roles/warnings.json
@@ -1,632 +1,506 @@
 [
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 23,
-            "column": 23,
-            "line": 1
-        },
-        "message": "A11y: Redundant role 'link'",
-        "pos": 12,
-        "start": {
-            "character": 12,
-            "column": 12,
-            "line": 1
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 58,
-            "column": 23,
-            "line": 2
-        },
-        "message": "A11y: Redundant role 'article'",
-        "pos": 44,
-        "start": {
-            "character": 44,
-            "column": 9,
-            "line": 2
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 89,
-            "column": 27,
-            "line": 3
-        },
-        "message": "A11y: Redundant role 'complementary'",
-        "pos": 69,
-        "start": {
-            "character": 69,
-            "column": 7,
-            "line": 3
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 114,
-            "column": 21,
-            "line": 4
-        },
-        "message": "A11y: Redundant role 'document'",
-        "pos": 99,
-        "start": {
-            "character": 99,
-            "column": 6,
-            "line": 4
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 139,
-            "column": 21,
-            "line": 5
-        },
-        "message": "A11y: Redundant role 'button'",
-        "pos": 126,
-        "start": {
-            "character": 126,
-            "column": 8,
-            "line": 5
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 167,
-            "column": 24,
-            "line": 6
-        },
-        "message": "A11y: Redundant role 'listbox'",
-        "pos": 153,
-        "start": {
-            "character": 153,
-            "column": 10,
-            "line": 6
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 192,
-            "column": 21,
-            "line": 7
-        },
-        "message": "A11y: Redundant role 'definition'",
-        "pos": 175,
-        "start": {
-            "character": 175,
-            "column": 4,
-            "line": 7
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 212,
-            "column": 16,
-            "line": 8
-        },
-        "message": "A11y: Redundant role 'term'",
-        "pos": 201,
-        "start": {
-            "character": 201,
-            "column": 5,
-            "line": 8
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 237,
-            "column": 21,
-            "line": 9
-        },
-        "message": "A11y: Redundant role 'group'",
-        "pos": 225,
-        "start": {
-            "character": 225,
-            "column": 9,
-            "line": 9
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 262,
-            "column": 21,
-            "line": 10
-        },
-        "message": "A11y: Redundant role 'dialog'",
-        "pos": 249,
-        "start": {
-            "character": 249,
-            "column": 8,
-            "line": 10
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 281,
-            "column": 15,
-            "line": 11
-        },
-        "message": "A11y: Redundant role 'term'",
-        "pos": 270,
-        "start": {
-            "character": 270,
-            "column": 4,
-            "line": 11
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 307,
-            "column": 22,
-            "line": 12
-        },
-        "message": "A11y: Redundant role 'group'",
-        "pos": 295,
-        "start": {
-            "character": 295,
-            "column": 10,
-            "line": 12
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 332,
-            "column": 21,
-            "line": 13
-        },
-        "message": "A11y: Redundant role 'figure'",
-        "pos": 319,
-        "start": {
-            "character": 319,
-            "column": 8,
-            "line": 13
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 353,
-            "column": 17,
-            "line": 14
-        },
-        "message": "A11y: Redundant role 'form'",
-        "pos": 342,
-        "start": {
-            "character": 342,
-            "column": 6,
-            "line": 14
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 383,
-            "column": 18,
-            "line": 15
-        },
-        "message": "A11y: Redundant role 'heading'",
-        "pos": 369,
-        "start": {
-            "character": 369,
-            "column": 4,
-            "line": 15
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 415,
-            "column": 18,
-            "line": 16
-        },
-        "message": "A11y: Redundant role 'heading'",
-        "pos": 401,
-        "start": {
-            "character": 401,
-            "column": 4,
-            "line": 16
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 447,
-            "column": 18,
-            "line": 17
-        },
-        "message": "A11y: Redundant role 'heading'",
-        "pos": 433,
-        "start": {
-            "character": 433,
-            "column": 4,
-            "line": 17
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 479,
-            "column": 18,
-            "line": 18
-        },
-        "message": "A11y: Redundant role 'heading'",
-        "pos": 465,
-        "start": {
-            "character": 465,
-            "column": 4,
-            "line": 18
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 511,
-            "column": 18,
-            "line": 19
-        },
-        "message": "A11y: Redundant role 'heading'",
-        "pos": 497,
-        "start": {
-            "character": 497,
-            "column": 4,
-            "line": 19
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 543,
-            "column": 18,
-            "line": 20
-        },
-        "message": "A11y: Redundant role 'heading'",
-        "pos": 529,
-        "start": {
-            "character": 529,
-            "column": 4,
-            "line": 20
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 577,
-            "column": 20,
-            "line": 21
-        },
-        "message": "A11y: Redundant role 'separator'",
-        "pos": 561,
-        "start": {
-            "character": 561,
-            "column": 4,
-            "line": 21
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 600,
-            "column": 19,
-            "line": 22
-        },
-        "message": "A11y: Redundant role 'listitem'",
-        "pos": 585,
-        "start": {
-            "character": 585,
-            "column": 4,
-            "line": 22
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 621,
-            "column": 17,
-            "line": 23
-        },
-        "message": "A11y: Redundant role 'link'",
-        "pos": 610,
-        "start": {
-            "character": 610,
-            "column": 6,
-            "line": 23
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 642,
-            "column": 17,
-            "line": 24
-        },
-        "message": "A11y: Redundant role 'main'",
-        "pos": 631,
-        "start": {
-            "character": 631,
-            "column": 6,
-            "line": 24
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 668,
-            "column": 17,
-            "line": 25
-        },
-        "message": "A11y: Redundant role 'list'",
-        "pos": 657,
-        "start": {
-            "character": 657,
-            "column": 6,
-            "line": 25
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 694,
-            "column": 22,
-            "line": 26
-        },
-        "message": "A11y: Redundant role 'navigation'",
-        "pos": 677,
-        "start": {
-            "character": 677,
-            "column": 5,
-            "line": 26
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 713,
-            "column": 15,
-            "line": 27
-        },
-        "message": "A11y: Redundant role 'list'",
-        "pos": 702,
-        "start": {
-            "character": 702,
-            "column": 4,
-            "line": 27
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 739,
-            "column": 22,
-            "line": 28
-        },
-        "message": "A11y: Redundant role 'group'",
-        "pos": 727,
-        "start": {
-            "character": 727,
-            "column": 10,
-            "line": 28
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 764,
-            "column": 21,
-            "line": 29
-        },
-        "message": "A11y: Redundant role 'option'",
-        "pos": 751,
-        "start": {
-            "character": 751,
-            "column": 8,
-            "line": 29
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 789,
-            "column": 21,
-            "line": 30
-        },
-        "message": "A11y: Redundant role 'status'",
-        "pos": 776,
-        "start": {
-            "character": 776,
-            "column": 8,
-            "line": 30
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 821,
-            "column": 28,
-            "line": 31
-        },
-        "message": "A11y: Redundant role 'progressbar'",
-        "pos": 803,
-        "start": {
-            "character": 803,
-            "column": 10,
-            "line": 31
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 847,
-            "column": 22,
-            "line": 32
-        },
-        "message": "A11y: Redundant role 'region'",
-        "pos": 834,
-        "start": {
-            "character": 834,
-            "column": 9,
-            "line": 32
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 873,
-            "column": 22,
-            "line": 33
-        },
-        "message": "A11y: Redundant role 'button'",
-        "pos": 860,
-        "start": {
-            "character": 860,
-            "column": 9,
-            "line": 33
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 896,
-            "column": 19,
-            "line": 34
-        },
-        "message": "A11y: Redundant role 'table'",
-        "pos": 884,
-        "start": {
-            "character": 884,
-            "column": 7,
-            "line": 34
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 922,
-            "column": 22,
-            "line": 35
-        },
-        "message": "A11y: Redundant role 'rowgroup'",
-        "pos": 907,
-        "start": {
-            "character": 907,
-            "column": 7,
-            "line": 35
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 950,
-            "column": 24,
-            "line": 36
-        },
-        "message": "A11y: Redundant role 'textbox'",
-        "pos": 936,
-        "start": {
-            "character": 936,
-            "column": 10,
-            "line": 36
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 976,
-            "column": 22,
-            "line": 37
-        },
-        "message": "A11y: Redundant role 'rowgroup'",
-        "pos": 961,
-        "start": {
-            "character": 961,
-            "column": 7,
-            "line": 37
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 1002,
-            "column": 22,
-            "line": 38
-        },
-        "message": "A11y: Redundant role 'rowgroup'",
-        "pos": 987,
-        "start": {
-            "character": 987,
-            "column": 7,
-            "line": 38
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 1020,
-            "column": 14,
-            "line": 39
-        },
-        "message": "A11y: Redundant role 'row'",
-        "pos": 1010,
-        "start": {
-            "character": 1010,
-            "column": 4,
-            "line": 39
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 1039,
-            "column": 15,
-            "line": 40
-        },
-        "message": "A11y: Redundant role 'list'",
-        "pos": 1028,
-        "start": {
-            "character": 1028,
-            "column": 4,
-            "line": 40
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 1125,
-            "column": 21,
-            "line": 43
-        },
-        "message": "A11y: Redundant role 'banner'",
-        "pos": 1112,
-        "start": {
-            "character": 1112,
-            "column": 8,
-            "line": 43
-        }
-    },
-    {
-        "code": "a11y-no-redundant-roles",
-        "end": {
-            "character": 1162,
-            "column": 26,
-            "line": 44
-        },
-        "message": "A11y: Redundant role 'contentinfo'",
-        "pos": 1144,
-        "start": {
-            "character": 1144,
-            "column": 8,
-            "line": 44
-        }
-    }
-]
\ No newline at end of file
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 23,
+			"line": 1
+		},
+		"message": "A11y: Redundant role 'link'",
+		"start": {
+			"column": 12,
+			"line": 1
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 23,
+			"line": 2
+		},
+		"message": "A11y: Redundant role 'article'",
+		"start": {
+			"column": 9,
+			"line": 2
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 27,
+			"line": 3
+		},
+		"message": "A11y: Redundant role 'complementary'",
+		"start": {
+			"column": 7,
+			"line": 3
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 21,
+			"line": 4
+		},
+		"message": "A11y: Redundant role 'document'",
+		"start": {
+			"column": 6,
+			"line": 4
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 21,
+			"line": 5
+		},
+		"message": "A11y: Redundant role 'button'",
+		"start": {
+			"column": 8,
+			"line": 5
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 24,
+			"line": 6
+		},
+		"message": "A11y: Redundant role 'listbox'",
+		"start": {
+			"column": 10,
+			"line": 6
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 21,
+			"line": 7
+		},
+		"message": "A11y: Redundant role 'definition'",
+		"start": {
+			"column": 4,
+			"line": 7
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 16,
+			"line": 8
+		},
+		"message": "A11y: Redundant role 'term'",
+		"start": {
+			"column": 5,
+			"line": 8
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 21,
+			"line": 9
+		},
+		"message": "A11y: Redundant role 'group'",
+		"start": {
+			"column": 9,
+			"line": 9
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 21,
+			"line": 10
+		},
+		"message": "A11y: Redundant role 'dialog'",
+		"start": {
+			"column": 8,
+			"line": 10
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 15,
+			"line": 11
+		},
+		"message": "A11y: Redundant role 'term'",
+		"start": {
+			"column": 4,
+			"line": 11
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 22,
+			"line": 12
+		},
+		"message": "A11y: Redundant role 'group'",
+		"start": {
+			"column": 10,
+			"line": 12
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 21,
+			"line": 13
+		},
+		"message": "A11y: Redundant role 'figure'",
+		"start": {
+			"column": 8,
+			"line": 13
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 17,
+			"line": 14
+		},
+		"message": "A11y: Redundant role 'form'",
+		"start": {
+			"column": 6,
+			"line": 14
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 18,
+			"line": 15
+		},
+		"message": "A11y: Redundant role 'heading'",
+		"start": {
+			"column": 4,
+			"line": 15
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 18,
+			"line": 16
+		},
+		"message": "A11y: Redundant role 'heading'",
+		"start": {
+			"column": 4,
+			"line": 16
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 18,
+			"line": 17
+		},
+		"message": "A11y: Redundant role 'heading'",
+		"start": {
+			"column": 4,
+			"line": 17
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 18,
+			"line": 18
+		},
+		"message": "A11y: Redundant role 'heading'",
+		"start": {
+			"column": 4,
+			"line": 18
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 18,
+			"line": 19
+		},
+		"message": "A11y: Redundant role 'heading'",
+		"start": {
+			"column": 4,
+			"line": 19
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 18,
+			"line": 20
+		},
+		"message": "A11y: Redundant role 'heading'",
+		"start": {
+			"column": 4,
+			"line": 20
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 20,
+			"line": 21
+		},
+		"message": "A11y: Redundant role 'separator'",
+		"start": {
+			"column": 4,
+			"line": 21
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 19,
+			"line": 22
+		},
+		"message": "A11y: Redundant role 'listitem'",
+		"start": {
+			"column": 4,
+			"line": 22
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 17,
+			"line": 23
+		},
+		"message": "A11y: Redundant role 'link'",
+		"start": {
+			"column": 6,
+			"line": 23
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 17,
+			"line": 24
+		},
+		"message": "A11y: Redundant role 'main'",
+		"start": {
+			"column": 6,
+			"line": 24
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 17,
+			"line": 25
+		},
+		"message": "A11y: Redundant role 'list'",
+		"start": {
+			"column": 6,
+			"line": 25
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 22,
+			"line": 26
+		},
+		"message": "A11y: Redundant role 'navigation'",
+		"start": {
+			"column": 5,
+			"line": 26
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 15,
+			"line": 27
+		},
+		"message": "A11y: Redundant role 'list'",
+		"start": {
+			"column": 4,
+			"line": 27
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 22,
+			"line": 28
+		},
+		"message": "A11y: Redundant role 'group'",
+		"start": {
+			"column": 10,
+			"line": 28
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 21,
+			"line": 29
+		},
+		"message": "A11y: Redundant role 'option'",
+		"start": {
+			"column": 8,
+			"line": 29
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 21,
+			"line": 30
+		},
+		"message": "A11y: Redundant role 'status'",
+		"start": {
+			"column": 8,
+			"line": 30
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 28,
+			"line": 31
+		},
+		"message": "A11y: Redundant role 'progressbar'",
+		"start": {
+			"column": 10,
+			"line": 31
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 22,
+			"line": 32
+		},
+		"message": "A11y: Redundant role 'region'",
+		"start": {
+			"column": 9,
+			"line": 32
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 22,
+			"line": 33
+		},
+		"message": "A11y: Redundant role 'button'",
+		"start": {
+			"column": 9,
+			"line": 33
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 19,
+			"line": 34
+		},
+		"message": "A11y: Redundant role 'table'",
+		"start": {
+			"column": 7,
+			"line": 34
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 22,
+			"line": 35
+		},
+		"message": "A11y: Redundant role 'rowgroup'",
+		"start": {
+			"column": 7,
+			"line": 35
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 24,
+			"line": 36
+		},
+		"message": "A11y: Redundant role 'textbox'",
+		"start": {
+			"column": 10,
+			"line": 36
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 22,
+			"line": 37
+		},
+		"message": "A11y: Redundant role 'rowgroup'",
+		"start": {
+			"column": 7,
+			"line": 37
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 22,
+			"line": 38
+		},
+		"message": "A11y: Redundant role 'rowgroup'",
+		"start": {
+			"column": 7,
+			"line": 38
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 14,
+			"line": 39
+		},
+		"message": "A11y: Redundant role 'row'",
+		"start": {
+			"column": 4,
+			"line": 39
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 15,
+			"line": 40
+		},
+		"message": "A11y: Redundant role 'list'",
+		"start": {
+			"column": 4,
+			"line": 40
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 21,
+			"line": 43
+		},
+		"message": "A11y: Redundant role 'banner'",
+		"start": {
+			"column": 8,
+			"line": 43
+		}
+	},
+	{
+		"code": "a11y-no-redundant-roles",
+		"end": {
+			"column": 26,
+			"line": 44
+		},
+		"message": "A11y: Redundant role 'contentinfo'",
+		"start": {
+			"column": 8,
+			"line": 44
+		}
+	}
+]
diff --git a/test/validator/samples/a11y-not-on-components/warnings.json b/test/validator/samples/a11y-not-on-components/warnings.json
index 4d8fb621822..d79141b22f4 100644
--- a/test/validator/samples/a11y-not-on-components/warnings.json
+++ b/test/validator/samples/a11y-not-on-components/warnings.json
@@ -4,14 +4,11 @@
 		"message": "A11y: Avoid using autofocus",
 		"start": {
 			"column": 8,
-			"line": 6,
-			"character": 88
+			"line": 6
 		},
 		"end": {
 			"line": 6,
-			"column": 17,
-			"character": 97
-		},
-		"pos": 88
+			"column": 17
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-role-has-required-aria-props/input.svelte b/test/validator/samples/a11y-role-has-required-aria-props/input.svelte
new file mode 100644
index 00000000000..e2afc620299
--- /dev/null
+++ b/test/validator/samples/a11y-role-has-required-aria-props/input.svelte
@@ -0,0 +1,11 @@
+<div role="heading"></div>
+<span role="checkbox"></span>
+<div role="meter"></div>
+<div role="scrollbar"></div>
+
+<div role="heading" aria-level="1"></div>
+<span role="checkbox" aria-checked="false"></span>
+<div role="meter" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
+<div role="scrollbar" aria-controls="panel" aria-valuenow="50"></div>
+<input role="switch" type="checkbox" />
+<svelte:element this={Math.random() ? 'input' : 'div'} role="checkbox" />
diff --git a/test/validator/samples/a11y-role-has-required-aria-props/warnings.json b/test/validator/samples/a11y-role-has-required-aria-props/warnings.json
new file mode 100644
index 00000000000..17ecda6c1c2
--- /dev/null
+++ b/test/validator/samples/a11y-role-has-required-aria-props/warnings.json
@@ -0,0 +1,50 @@
+[
+	{
+		"code": "a11y-role-has-required-aria-props",
+		"message": "A11y: Elements with the ARIA role \"heading\" must have the following attributes defined: \"aria-level\"",
+		"start": {
+			"line": 1,
+			"column": 5
+		},
+		"end": {
+			"line": 1,
+			"column": 19
+		}
+	},
+	{
+		"code": "a11y-role-has-required-aria-props",
+		"message": "A11y: Elements with the ARIA role \"checkbox\" must have the following attributes defined: \"aria-checked\"",
+		"start": {
+			"line": 2,
+			"column": 6
+		},
+		"end": {
+			"line": 2,
+			"column": 21
+		}
+	},
+	{
+		"code": "a11y-role-has-required-aria-props",
+		"message": "A11y: Elements with the ARIA role \"meter\" must have the following attributes defined: \"aria-valuenow\"",
+		"start": {
+			"line": 3,
+			"column": 5
+		},
+		"end": {
+			"line": 3,
+			"column": 17
+		}
+	},
+	{
+		"code": "a11y-role-has-required-aria-props",
+		"message": "A11y: Elements with the ARIA role \"scrollbar\" must have the following attributes defined: \"aria-controls\", \"aria-valuenow\"",
+		"start": {
+			"column": 5,
+			"line": 4
+		},
+		"end": {
+			"column": 21,
+			"line": 4
+		}
+	}
+]
diff --git a/test/validator/samples/a11y-role-supports-aria-props/input.svelte b/test/validator/samples/a11y-role-supports-aria-props/input.svelte
new file mode 100644
index 00000000000..353069dc06c
--- /dev/null
+++ b/test/validator/samples/a11y-role-supports-aria-props/input.svelte
@@ -0,0 +1,371 @@
+<!-- INVALID -->
+<a aria-setsize="0" href="/">Link</a>
+<area aria-pressed alt="" />
+<article aria-autocomplete="inline" />
+<aside aria-modal />
+<body aria-invalid />
+<button aria-valuemax="0" />
+<datalist aria-valuenow="0" />
+<dd aria-rowindex="0" />
+<dfn aria-colcount="0" />
+<dialog aria-posinset="0" />
+<details aria-orientation="undefined" />
+<dt aria-valuemin="0" />
+<fieldset aria-orientation="undefined" />
+<form aria-disabled />
+<h1 aria-selected>H1</h1>
+<h2 aria-selected>H2</h2>
+<h3 aria-expanded>H3</h3>
+<h4 aria-valuemin="0">H4</h4>
+<h5 aria-readonly>H5</h5>
+<h6 aria-valuemin="0">H6</h6>
+<hr aria-required />
+<img aria-level="0" alt="invalid aria" />
+<li aria-required />
+<link aria-rowcount="0" />
+<menu aria-valuemin="0" />
+<meter aria-colspan="0" />
+<nav aria-valuetext="" />
+<ol aria-sort="none" />
+<option aria-invalid />
+<optgroup aria-sort="none" />
+<output aria-multiline />
+<progress aria-rowcount="0" />
+<section aria-invalid />
+<summary aria-rowcount="0" />
+<tbody aria-colspan="0" />
+<textarea aria-valuenow="0" />
+<tfoot aria-required />
+<thead aria-valuemin="0" />
+<tr aria-pressed />
+<ul aria-multiselectable />
+
+<div role="alert" aria-colspan="0" />
+<div role="alertdialog" aria-autocomplete="inline" />
+<div role="application" aria-required />
+<div role="article" aria-multiline />
+<div role="banner" aria-autocomplete="inline" />
+<div role="blockquote" aria-valuetext="" />
+<div role="button" aria-colspan="0" />
+<div role="caption" aria-setsize="0" />
+<div role="cell" aria-multiline />
+<div role="checkbox" aria-multiline aria-checked />
+<div role="code" aria-invalid />
+<div role="columnheader" aria-colcount="0" />
+<div role="combobox" aria-multiselectable aria-controls={[]} aria-expanded />
+<div role="complementary" aria-readonly />
+<div role="contentinfo" aria-valuetext="" />
+<div role="definition" aria-multiline />
+<div role="deletion" aria-expanded />
+<div role="dialog" aria-multiline />
+<div role="directory" aria-rowcount="0" />
+<div role="document" aria-valuemin="0" />
+<div role="emphasis" aria-rowindex="0" />
+<div role="feed" aria-colindex="0" />
+<div role="figure" aria-valuemax="0" />
+<div role="form" aria-readonly />
+<div role="generic" aria-valuemax="0" />
+<div role="grid" aria-checked />
+<div role="gridcell" aria-level="0" />
+<div role="group" aria-colspan="0" />
+<div role="heading" aria-activedescendant="id" tabindex="-1" aria-level="0" />
+<div role="insertion" aria-errormessage="error" />
+<div role="link" aria-multiline />
+<div role="list" aria-selected />
+<div role="listbox" aria-haspopup />
+<div role="listitem" aria-activedescendant="id" tabindex="-1" />
+<div role="log" aria-required />
+<div role="main" aria-sort="none" />
+<div role="marquee" aria-autocomplete="inline" />
+<div role="math" aria-multiline />
+<div role="menu" aria-checked />
+<div role="menubar" aria-errormessage="error" />
+<div role="menuitem" aria-checked />
+<div role="menuitemcheckbox" aria-pressed aria-checked="false" />
+<div role="menuitemradio" aria-rowspan="0" aria-checked="false" />
+<div role="meter" aria-valuenow="0" aria-haspopup />
+<div role="navigation" aria-expanded />
+<div role="none" aria-placeholder="" />
+<div role="note" aria-modal />
+<div role="option" aria-selected aria-valuemax="0" />
+<div role="paragraph" aria-level="0" />
+<div role="presentation" aria-disabled />
+<div role="progressbar" aria-expanded />
+<div role="radio" aria-checked aria-rowindex="0" />
+<div role="radiogroup" aria-valuenow="0" />
+<div role="region" aria-rowspan="0" />
+<div role="row" aria-required />
+<div role="rowgroup" aria-expanded />
+<div role="rowheader" aria-activedescendant="id" tabindex="0" />
+<div role="scrollbar" aria-controls={[]} aria-valuenow="0" aria-rowspan="0" />
+<div role="search" aria-autocomplete="inline" />
+<div role="searchbox" aria-colindex="0" />
+<div role="separator" aria-sort="none" />
+<div role="slider" aria-valuenow="0" aria-placeholder="" />
+<div role="spinbutton" aria-posinset="0" />
+<div role="status" aria-valuemin="0" />
+<div role="strong" aria-valuemin="0" />
+<div role="subscript" aria-colcount="0" />
+<div role="superscript" aria-level="0" />
+<div role="switch" aria-checked aria-valuenow="0" />
+<div role="tab" aria-required />
+<div role="table" aria-modal />
+<div role="tablist" aria-setsize="0" />
+<div role="tabpanel" aria-multiselectable />
+<div role="term" aria-posinset="0" />
+<div role="textbox" aria-colspan="0" />
+<div role="time" aria-selected />
+<div role="timer" aria-sort="none" />
+<div role="toolbar" aria-valuetext="" />
+<div role="tooltip" aria-multiline />
+<div role="tree" aria-expanded />
+<div role="treegrid" aria-level="0" />
+<div role="treeitem" aria-selected aria-activedescendant="id" tabindex="-1" />
+<div role="doc-abstract" aria-colindex="0" />
+<div role="doc-acknowledgments" aria-setsize="0" />
+<div role="doc-afterword" aria-modal />
+<div role="doc-appendix" aria-activedescendant="id" tabindex="-1" />
+<div role="doc-backlink" aria-colspan="0" />
+<div role="doc-biblioentry" aria-valuemax="0" />
+<div role="doc-bibliography" aria-level="0" />
+<div role="doc-biblioref" aria-checked />
+<div role="doc-chapter" aria-required />
+<div role="doc-colophon" aria-setsize="0" />
+<div role="doc-conclusion" aria-colindex="0" />
+<div role="doc-cover" aria-modal />
+<div role="doc-credit" aria-selected />
+<div role="doc-credits" aria-orientation="undefined" />
+<div role="doc-dedication" aria-level="0" />
+<div role="doc-endnote" aria-checked />
+<div role="doc-endnotes" aria-colcount="0" />
+<div role="doc-epigraph" aria-multiline />
+<div role="doc-epilogue" aria-colcount="0" />
+<div role="doc-errata" aria-sort="none" />
+<div role="doc-example" aria-multiselectable />
+<div role="doc-footnote" aria-rowcount="0" />
+<div role="doc-foreword" aria-valuenow="0" />
+<div role="doc-glossary" aria-valuetext="" />
+<div role="doc-glossref" aria-placeholder="" />
+<div role="doc-index" aria-rowcount="0" />
+<div role="doc-introduction" aria-pressed />
+<div role="doc-noteref" aria-valuenow="0" />
+<div role="doc-notice" aria-selected />
+<div role="doc-pagebreak" aria-rowcount="0" />
+<div role="doc-pagelist" aria-modal />
+<div role="doc-part" aria-setsize="0" />
+<div role="doc-preface" aria-orientation="undefined" />
+<div role="doc-prologue" aria-required />
+<div role="doc-pullquote" aria-rowcount="0" />
+<div role="doc-qna" aria-setsize="0" />
+<div role="doc-subtitle" aria-rowindex="0" />
+<div role="doc-tip" aria-valuenow="0" />
+<div role="doc-toc" aria-posinset="0" />
+
+<!-- input and menuitem have different implicit roles based on different type attributes, and thus different valid and invalid props -->
+<!-- INVALID -->
+<input type="text" aria-rowspan="0" /> <!-- implicit role: textbox -->
+<input type="tel" aria-pressed /> <!-- implicit role: textbox -->
+<input type="url" aria-level="0" /> <!-- implicit role: textbox -->
+<input type="email" aria-pressed /> <!-- implicit role: textbox -->
+<input type="search" aria-valuetext="text" /> <!-- implicit role: searchbox -->
+<input type="text" list={['id']} aria-valuemin="0" /> <!-- implicit role: combobox -->
+<input type="tel" list={['id']} aria-colspan="0" /> <!-- implicit role: combobox -->
+<input type="url" list={['id']} aria-posinset="0" /> <!-- implicit role: combobox -->
+<input type="email" list={['id']} aria-modal /> <!-- implicit role: combobox -->
+<input type="search" list={['id']} aria-rowindex="0" /> <!-- implicit role: combobox -->
+<input type="image" alt="some text" aria-valuemax="0" /> <!-- implicit role: button -->
+<input type="reset" aria-modal /> <!-- implicit role: button -->
+<input type="submit" aria-placeholder="placeholder" /> <!-- implicit role: button -->
+<input type="checkbox" aria-rowindex="0" /> <!-- implicit role: checkbox -->
+<input type="radio" aria-valuetext="text" /> <!-- implicit role: radio -->
+<input type="range" aria-checked /> <!-- implicit role: slider -->
+<menuitem type="command" aria-colindex="0" /> <!-- implicit role: menuitem -->
+<menuitem type="checkbox" aria-colcount="0" /> <!-- implicit role: menuitemcheckbox -->
+<menuitem type="radio" aria-placeholder="placeholder" /> <!-- implicit role: menuitemradio -->
+
+<!-- VALID -->
+<a aria-keyshortcuts="" href="/">Link</a>
+<area aria-expanded alt="" />
+<article aria-dropeffect="none" />
+<aside aria-keyshortcuts="" />
+<body aria-labelledby="id" />
+<button aria-hidden />
+<datalist aria-activedescendant="id" tabindex="0" />
+<dd aria-labelledby="id" />
+<dfn aria-details="id" />
+<dialog aria-keyshortcuts="" />
+<details aria-keyshortcuts="" />
+<dt aria-hidden />
+<fieldset aria-owns="id" />
+<form aria-keyshortcuts="" />
+<h1 aria-keyshortcuts="">H1</h1>
+<h2 aria-controls={[]}>H2</h2>
+<h3 aria-controls={[]}>H3</h3>
+<h4 aria-details="id">H4</h4>
+<h5 aria-grabbed>H5</h5>
+<h6 aria-grabbed>H6</h6>
+<hr aria-relevant="all" />
+<img aria-flowto="id" alt="Valid aria role" />
+<li aria-label="" />
+<link aria-hidden />
+<menu aria-roledescription="" />
+<meter aria-valuemin="0" />
+<nav aria-labelledby="id" />
+<ol aria-grabbed />
+<option aria-selected />
+<optgroup aria-hidden />
+<output aria-dropeffect="none" />
+<progress aria-hidden />
+<section aria-details="id" />
+<summary aria-controls={[]} />
+<tbody aria-controls={[]} />
+<textarea aria-busy />
+<tfoot aria-labelledby="id" />
+<thead aria-flowto="id" />
+<tr aria-describedby="id" />
+<ul aria-dropeffect="none" />
+
+<div role="alert" aria-owns="id" />
+<div role="alertdialog" aria-busy />
+<div role="application" aria-invalid />
+<div role="article" aria-atomic />
+<div role="banner" aria-grabbed />
+<div role="blockquote" aria-busy />
+<div role="button" aria-busy />
+<div role="caption" aria-grabbed />
+<div role="cell" aria-rowindex="0" />
+<div role="checkbox" aria-checked aria-details="id" />
+<div role="code" aria-keyshortcuts="" />
+<div role="columnheader" aria-rowspan="0" />
+<div role="combobox" aria-invalid aria-controls={[]} aria-expanded />
+<div role="complementary" aria-label="" />
+<div role="contentinfo" aria-dropeffect="none" />
+<div role="definition" aria-grabbed />
+<div role="deletion" aria-busy />
+<div role="dialog" aria-flowto="id" />
+<div role="directory" aria-controls={[]} />
+<div role="document" aria-grabbed />
+<div role="emphasis" aria-atomic />
+<div role="feed" aria-atomic />
+<div role="figure" aria-busy />
+<div role="form" aria-roledescription="" />
+<div role="generic" aria-current />
+<div role="grid" aria-busy />
+<div role="gridcell" aria-relevant="all" />
+<div role="group" aria-busy />
+<div role="heading" aria-level="" aria-flowto="id" />
+<div role="img" aria-grabbed />
+<div role="insertion" aria-roledescription="" />
+<div role="link" aria-owns="id" />
+<div role="list" aria-labelledby="id" />
+<div role="listbox" aria-current />
+<div role="listitem" aria-controls={[]} />
+<div role="log" aria-controls={[]} />
+<div role="main" aria-keyshortcuts="" />
+<div role="marquee" aria-labelledby="id" />
+<div role="math" aria-labelledby="id" />
+<div role="menu" aria-atomic />
+<div role="menubar" aria-grabbed />
+<div role="menuitem" aria-grabbed />
+<div role="menuitemcheckbox" aria-checked aria-controls={[]} />
+<div role="menuitemradio" aria-checked aria-grabbed />
+<div role="meter" aria-valuenow="0" aria-valuetext="" />
+<div role="navigation" aria-controls={[]} />
+<div role="none" undefined />
+<div role="note" aria-hidden />
+<div role="option" aria-selected aria-describedby="id" />
+<div role="paragraph" aria-grabbed />
+<div role="presentation" aria-relevant="all" />
+<div role="progressbar" aria-valuemin="0" />
+<div role="radio" aria-checked aria-roledescription="" />
+<div role="radiogroup" aria-required />
+<div role="region" aria-roledescription="" />
+<div role="row" aria-posinset="0" />
+<div role="rowgroup" aria-busy />
+<div role="rowheader" aria-label="" />
+<div role="scrollbar" aria-controls={[]} aria-valuenow="0" aria-relevant="all" />
+<div role="search" aria-grabbed />
+<div role="searchbox" aria-dropeffect="none" />
+<div role="separator" aria-roledescription="" />
+<div role="slider" aria-valuenow="0" aria-relevant="all" />
+<div role="spinbutton" aria-required />
+<div role="status" aria-label="" />
+<div role="strong" aria-keyshortcuts="" />
+<div role="subscript" aria-keyshortcuts="" />
+<div role="superscript" aria-live="off" />
+<div role="switch" aria-checked aria-roledescription="" />
+<div role="tab" aria-flowto="id" />
+<div role="table" aria-rowcount="0" />
+<div role="tablist" aria-atomic />
+<div role="tabpanel" aria-labelledby="id" />
+<div role="term" aria-details="id" />
+<div role="textbox" aria-hidden />
+<div role="time" aria-label="" />
+<div role="timer" aria-hidden />
+<div role="toolbar" aria-roledescription="" />
+<div role="tooltip" aria-owns="id" />
+<div role="tree" aria-errormessage="error" />
+<div role="treegrid" aria-details="id" />
+<div role="treeitem" aria-selected="true" aria-dropeffect="none" />
+<div role="doc-abstract" aria-label="" />
+<div role="doc-acknowledgments" aria-controls={[]} />
+<div role="doc-afterword" aria-flowto="id" />
+<div role="doc-appendix" aria-describedby="id" />
+<div role="doc-backlink" aria-dropeffect="none" />
+<div role="doc-biblioentry" aria-roledescription="" />
+<div role="doc-bibliography" aria-labelledby="id" />
+<div role="doc-biblioref" aria-haspopup />
+<div role="doc-chapter" aria-controls={[]} />
+<div role="doc-colophon" aria-expanded />
+<div role="doc-conclusion" aria-dropeffect="none" />
+<div role="doc-cover" aria-controls={[]} />
+<div role="doc-credit" aria-haspopup />
+<div role="doc-credits" aria-describedby="id" />
+<div role="doc-dedication" aria-roledescription="" />
+<div role="doc-endnote" aria-errormessage="error" />
+<div role="doc-endnotes" aria-owns="id" />
+<div role="doc-epigraph" aria-controls={[]} />
+<div role="doc-epilogue" aria-relevant="all" />
+<div role="doc-errata" aria-keyshortcuts="" />
+<div role="doc-example" aria-invalid />
+<div role="doc-footnote" aria-labelledby="id" />
+<div role="doc-foreword" aria-expanded />
+<div role="doc-glossary" aria-grabbed />
+<div role="doc-glossref" aria-haspopup />
+<div role="doc-index" aria-controls={[]} />
+<div role="doc-introduction" aria-labelledby="id" />
+<div role="doc-noteref" aria-details="id" />
+<div role="doc-notice" aria-owns="id" />
+<div role="doc-pagebreak" aria-owns="id" />
+<div role="doc-pagelist" aria-disabled />
+<div role="doc-part" aria-relevant="all" />
+<div role="doc-preface" aria-label="" />
+<div role="doc-prologue" aria-invalid />
+<div role="doc-pullquote" undefined />
+<div role="doc-qna" aria-errormessage="error" />
+<div role="doc-subtitle" aria-errormessage="error" />
+<div role="doc-tip" aria-owns="id" />
+<div role="doc-toc" aria-expanded />
+
+<!-- input and menuitem have different implicit roles based on different type attributes, and thus different valid and invalid props -->
+<!-- VALID -->
+<input type="text" aria-labelledby="id" /> <!-- implicit role: textbox -->
+<input type="tel" aria-readonly /> <!-- implicit role: textbox -->
+<input type="url" aria-errormessage="id" /> <!-- implicit role: textbox -->
+<input type="email" aria-details="id" /> <!-- implicit role: textbox -->
+<input type="searchbox" aria-owns="id" /> <!-- implicit role: searchbox -->
+<input type="text" list={['id']} aria-keyshortcuts="key" /> <!-- implicit role: combobox -->
+<input type="tel" list={['id']} aria-readonly /> <!-- implicit role: combobox -->
+<input type="url" list={['id']} aria-label="label" /> <!-- implicit role: combobox -->
+<input type="email" list={['id']} aria-activedescendant="id" /> <!-- implicit role: combobox -->
+<input type="search" list={['id']} aria-dropeffect="none" /> <!-- implicit role: combobox -->
+<input type="image" alt="some text" aria-pressed /> <!-- implicit role: button -->
+<input type="reset" aria-expanded /> <!-- implicit role: button -->
+<input type="submit" aria-disabled /> <!-- implicit role: button -->
+<input type="checkbox" aria-controls="id" /> <!-- implicit role: checkbox -->
+<input type="radio" aria-atomic /> <!-- implicit role: radio -->
+<input type="range" aria-hidden /> <!-- implicit role: slider -->
+<menuitem type="command" aria-live="off" /> <!-- implicit role: menuitem -->
+<menuitem type="checkbox" aria-relevant="all" /> <!-- implicit role: menuitemcheckbox -->
+<menuitem type="radio" aria-required /> <!-- implicit role: menuitemradio -->
+
diff --git a/test/validator/samples/a11y-role-supports-aria-props/warnings.json b/test/validator/samples/a11y-role-supports-aria-props/warnings.json
new file mode 100644
index 00000000000..eb9e7d6bfb0
--- /dev/null
+++ b/test/validator/samples/a11y-role-supports-aria-props/warnings.json
@@ -0,0 +1,2150 @@
+[
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":19,
+      "line":2
+    },
+    "message":"A11y: The attribute 'aria-setsize' is not supported by the role 'link'. This role is implicit on the element <a>.",
+    "start":{
+      "column":3,
+      "line":2
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":18,
+      "line":3
+    },
+    "message":"A11y: The attribute 'aria-pressed' is not supported by the role 'link'. This role is implicit on the element <area>.",
+    "start":{
+      "column":6,
+      "line":3
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":35,
+      "line":4
+    },
+    "message":"A11y: The attribute 'aria-autocomplete' is not supported by the role 'article'. This role is implicit on the element <article>.",
+    "start":{
+      "column":9,
+      "line":4
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":17,
+      "line":5
+    },
+    "message":"A11y: The attribute 'aria-modal' is not supported by the role 'complementary'. This role is implicit on the element <aside>.",
+    "start":{
+      "column":7,
+      "line":5
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":18,
+      "line":6
+    },
+    "message":"A11y: The attribute 'aria-invalid' is not supported by the role 'document'. This role is implicit on the element <body>.",
+    "start":{
+      "column":6,
+      "line":6
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":25,
+      "line":7
+    },
+    "message":"A11y: The attribute 'aria-valuemax' is not supported by the role 'button'. This role is implicit on the element <button>.",
+    "start":{
+      "column":8,
+      "line":7
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":27,
+      "line":8
+    },
+    "message":"A11y: The attribute 'aria-valuenow' is not supported by the role 'listbox'. This role is implicit on the element <datalist>.",
+    "start":{
+      "column":10,
+      "line":8
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":21,
+      "line":9
+    },
+    "message":"A11y: The attribute 'aria-rowindex' is not supported by the role 'definition'. This role is implicit on the element <dd>.",
+    "start":{
+      "column":4,
+      "line":9
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":22,
+      "line":10
+    },
+    "message":"A11y: The attribute 'aria-colcount' is not supported by the role 'term'. This role is implicit on the element <dfn>.",
+    "start":{
+      "column":5,
+      "line":10
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":25,
+      "line":11
+    },
+    "message":"A11y: The attribute 'aria-posinset' is not supported by the role 'dialog'. This role is implicit on the element <dialog>.",
+    "start":{
+      "column":8,
+      "line":11
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":37,
+      "line":12
+    },
+    "message":"A11y: The attribute 'aria-orientation' is not supported by the role 'group'. This role is implicit on the element <details>.",
+    "start":{
+      "column":9,
+      "line":12
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":21,
+      "line":13
+    },
+    "message":"A11y: The attribute 'aria-valuemin' is not supported by the role 'term'. This role is implicit on the element <dt>.",
+    "start":{
+      "column":4,
+      "line":13
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":38,
+      "line":14
+    },
+    "message":"A11y: The attribute 'aria-orientation' is not supported by the role 'group'. This role is implicit on the element <fieldset>.",
+    "start":{
+      "column":10,
+      "line":14
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":19,
+      "line":15
+    },
+    "message":"A11y: The attribute 'aria-disabled' is not supported by the role 'form'. This role is implicit on the element <form>.",
+    "start":{
+      "column":6,
+      "line":15
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":17,
+      "line":16
+    },
+    "message":"A11y: The attribute 'aria-selected' is not supported by the role 'heading'. This role is implicit on the element <h1>.",
+    "start":{
+      "column":4,
+      "line":16
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":17,
+      "line":17
+    },
+    "message":"A11y: The attribute 'aria-selected' is not supported by the role 'heading'. This role is implicit on the element <h2>.",
+    "start":{
+      "column":4,
+      "line":17
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":17,
+      "line":18
+    },
+    "message":"A11y: The attribute 'aria-expanded' is not supported by the role 'heading'. This role is implicit on the element <h3>.",
+    "start":{
+      "column":4,
+      "line":18
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":21,
+      "line":19
+    },
+    "message":"A11y: The attribute 'aria-valuemin' is not supported by the role 'heading'. This role is implicit on the element <h4>.",
+    "start":{
+      "column":4,
+      "line":19
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":17,
+      "line":20
+    },
+    "message":"A11y: The attribute 'aria-readonly' is not supported by the role 'heading'. This role is implicit on the element <h5>.",
+    "start":{
+      "column":4,
+      "line":20
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":21,
+      "line":21
+    },
+    "message":"A11y: The attribute 'aria-valuemin' is not supported by the role 'heading'. This role is implicit on the element <h6>.",
+    "start":{
+      "column":4,
+      "line":21
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":17,
+      "line":22
+    },
+    "message":"A11y: The attribute 'aria-required' is not supported by the role 'separator'. This role is implicit on the element <hr>.",
+    "start":{
+      "column":4,
+      "line":22
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":19,
+      "line":23
+    },
+    "message":"A11y: The attribute 'aria-level' is not supported by the role 'img'. This role is implicit on the element <img>.",
+    "start":{
+      "column":5,
+      "line":23
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":17,
+      "line":24
+    },
+    "message":"A11y: The attribute 'aria-required' is not supported by the role 'listitem'. This role is implicit on the element <li>.",
+    "start":{
+      "column":4,
+      "line":24
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":23,
+      "line":25
+    },
+    "message":"A11y: The attribute 'aria-rowcount' is not supported by the role 'link'. This role is implicit on the element <link>.",
+    "start":{
+      "column":6,
+      "line":25
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":23,
+      "line":26
+    },
+    "message":"A11y: The attribute 'aria-valuemin' is not supported by the role 'list'. This role is implicit on the element <menu>.",
+    "start":{
+      "column":6,
+      "line":26
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":23,
+      "line":27
+    },
+    "message":"A11y: The attribute 'aria-colspan' is not supported by the role 'progressbar'. This role is implicit on the element <meter>.",
+    "start":{
+      "column":7,
+      "line":27
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":22,
+      "line":28
+    },
+    "message":"A11y: The attribute 'aria-valuetext' is not supported by the role 'navigation'. This role is implicit on the element <nav>.",
+    "start":{
+      "column":5,
+      "line":28
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":20,
+      "line":29
+    },
+    "message":"A11y: The attribute 'aria-sort' is not supported by the role 'list'. This role is implicit on the element <ol>.",
+    "start":{
+      "column":4,
+      "line":29
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":20,
+      "line":30
+    },
+    "message":"A11y: The attribute 'aria-invalid' is not supported by the role 'option'. This role is implicit on the element <option>.",
+    "start":{
+      "column":8,
+      "line":30
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":26,
+      "line":31
+    },
+    "message":"A11y: The attribute 'aria-sort' is not supported by the role 'group'. This role is implicit on the element <optgroup>.",
+    "start":{
+      "column":10,
+      "line":31
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":22,
+      "line":32
+    },
+    "message":"A11y: The attribute 'aria-multiline' is not supported by the role 'status'. This role is implicit on the element <output>.",
+    "start":{
+      "column":8,
+      "line":32
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":27,
+      "line":33
+    },
+    "message":"A11y: The attribute 'aria-rowcount' is not supported by the role 'progressbar'. This role is implicit on the element <progress>.",
+    "start":{
+      "column":10,
+      "line":33
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":21,
+      "line":34
+    },
+    "message":"A11y: The attribute 'aria-invalid' is not supported by the role 'region'. This role is implicit on the element <section>.",
+    "start":{
+      "column":9,
+      "line":34
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":26,
+      "line":35
+    },
+    "message":"A11y: The attribute 'aria-rowcount' is not supported by the role 'button'. This role is implicit on the element <summary>.",
+    "start":{
+      "column":9,
+      "line":35
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":23,
+      "line":36
+    },
+    "message":"A11y: The attribute 'aria-colspan' is not supported by the role 'rowgroup'. This role is implicit on the element <tbody>.",
+    "start":{
+      "column":7,
+      "line":36
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":27,
+      "line":37
+    },
+    "message":"A11y: The attribute 'aria-valuenow' is not supported by the role 'textbox'. This role is implicit on the element <textarea>.",
+    "start":{
+      "column":10,
+      "line":37
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":20,
+      "line":38
+    },
+    "message":"A11y: The attribute 'aria-required' is not supported by the role 'rowgroup'. This role is implicit on the element <tfoot>.",
+    "start":{
+      "column":7,
+      "line":38
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":24,
+      "line":39
+    },
+    "message":"A11y: The attribute 'aria-valuemin' is not supported by the role 'rowgroup'. This role is implicit on the element <thead>.",
+    "start":{
+      "column":7,
+      "line":39
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":16,
+      "line":40
+    },
+    "message":"A11y: The attribute 'aria-pressed' is not supported by the role 'row'. This role is implicit on the element <tr>.",
+    "start":{
+      "column":4,
+      "line":40
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":24,
+      "line":41
+    },
+    "message":"A11y: The attribute 'aria-multiselectable' is not supported by the role 'list'. This role is implicit on the element <ul>.",
+    "start":{
+      "column":4,
+      "line":41
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":34,
+      "line":43
+    },
+    "message":"A11y: The attribute 'aria-colspan' is not supported by the role 'alert'.",
+    "start":{
+      "column":18,
+      "line":43
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":50,
+      "line":44
+    },
+    "message":"A11y: The attribute 'aria-autocomplete' is not supported by the role 'alertdialog'.",
+    "start":{
+      "column":24,
+      "line":44
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":37,
+      "line":45
+    },
+    "message":"A11y: The attribute 'aria-required' is not supported by the role 'application'.",
+    "start":{
+      "column":24,
+      "line":45
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":34,
+      "line":46
+    },
+    "message":"A11y: The attribute 'aria-multiline' is not supported by the role 'article'.",
+    "start":{
+      "column":20,
+      "line":46
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":45,
+      "line":47
+    },
+    "message":"A11y: The attribute 'aria-autocomplete' is not supported by the role 'banner'.",
+    "start":{
+      "column":19,
+      "line":47
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":40,
+      "line":48
+    },
+    "message":"A11y: The attribute 'aria-valuetext' is not supported by the role 'blockquote'.",
+    "start":{
+      "column":23,
+      "line":48
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":35,
+      "line":49
+    },
+    "message":"A11y: The attribute 'aria-colspan' is not supported by the role 'button'.",
+    "start":{
+      "column":19,
+      "line":49
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":50
+    },
+    "message":"A11y: The attribute 'aria-setsize' is not supported by the role 'caption'.",
+    "start":{
+      "column":20,
+      "line":50
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":31,
+      "line":51
+    },
+    "message":"A11y: The attribute 'aria-multiline' is not supported by the role 'cell'.",
+    "start":{
+      "column":17,
+      "line":51
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":35,
+      "line":52
+    },
+    "message":"A11y: The attribute 'aria-multiline' is not supported by the role 'checkbox'.",
+    "start":{
+      "column":21,
+      "line":52
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":29,
+      "line":53
+    },
+    "message":"A11y: The attribute 'aria-invalid' is not supported by the role 'code'.",
+    "start":{
+      "column":17,
+      "line":53
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":42,
+      "line":54
+    },
+    "message":"A11y: The attribute 'aria-colcount' is not supported by the role 'columnheader'.",
+    "start":{
+      "column":25,
+      "line":54
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":41,
+      "line":55
+    },
+    "message":"A11y: The attribute 'aria-multiselectable' is not supported by the role 'combobox'.",
+    "start":{
+      "column":21,
+      "line":55
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":39,
+      "line":56
+    },
+    "message":"A11y: The attribute 'aria-readonly' is not supported by the role 'complementary'.",
+    "start":{
+      "column":26,
+      "line":56
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":41,
+      "line":57
+    },
+    "message":"A11y: The attribute 'aria-valuetext' is not supported by the role 'contentinfo'.",
+    "start":{
+      "column":24,
+      "line":57
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":37,
+      "line":58
+    },
+    "message":"A11y: The attribute 'aria-multiline' is not supported by the role 'definition'.",
+    "start":{
+      "column":23,
+      "line":58
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":34,
+      "line":59
+    },
+    "message":"A11y: The attribute 'aria-expanded' is not supported by the role 'deletion'.",
+    "start":{
+      "column":21,
+      "line":59
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":33,
+      "line":60
+    },
+    "message":"A11y: The attribute 'aria-multiline' is not supported by the role 'dialog'.",
+    "start":{
+      "column":19,
+      "line":60
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":39,
+      "line":61
+    },
+    "message":"A11y: The attribute 'aria-rowcount' is not supported by the role 'directory'.",
+    "start":{
+      "column":22,
+      "line":61
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":38,
+      "line":62
+    },
+    "message":"A11y: The attribute 'aria-valuemin' is not supported by the role 'document'.",
+    "start":{
+      "column":21,
+      "line":62
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":38,
+      "line":63
+    },
+    "message":"A11y: The attribute 'aria-rowindex' is not supported by the role 'emphasis'.",
+    "start":{
+      "column":21,
+      "line":63
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":34,
+      "line":64
+    },
+    "message":"A11y: The attribute 'aria-colindex' is not supported by the role 'feed'.",
+    "start":{
+      "column":17,
+      "line":64
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":65
+    },
+    "message":"A11y: The attribute 'aria-valuemax' is not supported by the role 'figure'.",
+    "start":{
+      "column":19,
+      "line":65
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":30,
+      "line":66
+    },
+    "message":"A11y: The attribute 'aria-readonly' is not supported by the role 'form'.",
+    "start":{
+      "column":17,
+      "line":66
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":37,
+      "line":67
+    },
+    "message":"A11y: The attribute 'aria-valuemax' is not supported by the role 'generic'.",
+    "start":{
+      "column":20,
+      "line":67
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":29,
+      "line":68
+    },
+    "message":"A11y: The attribute 'aria-checked' is not supported by the role 'grid'.",
+    "start":{
+      "column":17,
+      "line":68
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":35,
+      "line":69
+    },
+    "message":"A11y: The attribute 'aria-level' is not supported by the role 'gridcell'.",
+    "start":{
+      "column":21,
+      "line":69
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":34,
+      "line":70
+    },
+    "message":"A11y: The attribute 'aria-colspan' is not supported by the role 'group'.",
+    "start":{
+      "column":18,
+      "line":70
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":46,
+      "line":71
+    },
+    "message":"A11y: The attribute 'aria-activedescendant' is not supported by the role 'heading'.",
+    "start":{
+      "column":20,
+      "line":71
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":47,
+      "line":72
+    },
+    "message":"A11y: The attribute 'aria-errormessage' is not supported by the role 'insertion'.",
+    "start":{
+      "column":22,
+      "line":72
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":31,
+      "line":73
+    },
+    "message":"A11y: The attribute 'aria-multiline' is not supported by the role 'link'.",
+    "start":{
+      "column":17,
+      "line":73
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":30,
+      "line":74
+    },
+    "message":"A11y: The attribute 'aria-selected' is not supported by the role 'list'.",
+    "start":{
+      "column":17,
+      "line":74
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":33,
+      "line":75
+    },
+    "message":"A11y: The attribute 'aria-haspopup' is not supported by the role 'listbox'.",
+    "start":{
+      "column":20,
+      "line":75
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":47,
+      "line":76
+    },
+    "message":"A11y: The attribute 'aria-activedescendant' is not supported by the role 'listitem'.",
+    "start":{
+      "column":21,
+      "line":76
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":29,
+      "line":77
+    },
+    "message":"A11y: The attribute 'aria-required' is not supported by the role 'log'.",
+    "start":{
+      "column":16,
+      "line":77
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":33,
+      "line":78
+    },
+    "message":"A11y: The attribute 'aria-sort' is not supported by the role 'main'.",
+    "start":{
+      "column":17,
+      "line":78
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":46,
+      "line":79
+    },
+    "message":"A11y: The attribute 'aria-autocomplete' is not supported by the role 'marquee'.",
+    "start":{
+      "column":20,
+      "line":79
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":31,
+      "line":80
+    },
+    "message":"A11y: The attribute 'aria-multiline' is not supported by the role 'math'.",
+    "start":{
+      "column":17,
+      "line":80
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":29,
+      "line":81
+    },
+    "message":"A11y: The attribute 'aria-checked' is not supported by the role 'menu'.",
+    "start":{
+      "column":17,
+      "line":81
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":45,
+      "line":82
+    },
+    "message":"A11y: The attribute 'aria-errormessage' is not supported by the role 'menubar'.",
+    "start":{
+      "column":20,
+      "line":82
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":33,
+      "line":83
+    },
+    "message":"A11y: The attribute 'aria-checked' is not supported by the role 'menuitem'.",
+    "start":{
+      "column":21,
+      "line":83
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":41,
+      "line":84
+    },
+    "message":"A11y: The attribute 'aria-pressed' is not supported by the role 'menuitemcheckbox'.",
+    "start":{
+      "column":29,
+      "line":84
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":42,
+      "line":85
+    },
+    "message":"A11y: The attribute 'aria-rowspan' is not supported by the role 'menuitemradio'.",
+    "start":{
+      "column":26,
+      "line":85
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":49,
+      "line":86
+    },
+    "message":"A11y: The attribute 'aria-haspopup' is not supported by the role 'meter'.",
+    "start":{
+      "column":36,
+      "line":86
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":87
+    },
+    "message":"A11y: The attribute 'aria-expanded' is not supported by the role 'navigation'.",
+    "start":{
+      "column":23,
+      "line":87
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":88
+    },
+    "message":"A11y: The attribute 'aria-placeholder' is not supported by the role 'none'.",
+    "start":{
+      "column":17,
+      "line":88
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":27,
+      "line":89
+    },
+    "message":"A11y: The attribute 'aria-modal' is not supported by the role 'note'.",
+    "start":{
+      "column":17,
+      "line":89
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":50,
+      "line":90
+    },
+    "message":"A11y: The attribute 'aria-valuemax' is not supported by the role 'option'.",
+    "start":{
+      "column":33,
+      "line":90
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":91
+    },
+    "message":"A11y: The attribute 'aria-level' is not supported by the role 'paragraph'.",
+    "start":{
+      "column":22,
+      "line":91
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":38,
+      "line":92
+    },
+    "message":"A11y: The attribute 'aria-disabled' is not supported by the role 'presentation'.",
+    "start":{
+      "column":25,
+      "line":92
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":37,
+      "line":93
+    },
+    "message":"A11y: The attribute 'aria-expanded' is not supported by the role 'progressbar'.",
+    "start":{
+      "column":24,
+      "line":93
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":48,
+      "line":94
+    },
+    "message":"A11y: The attribute 'aria-rowindex' is not supported by the role 'radio'.",
+    "start":{
+      "column":31,
+      "line":94
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":40,
+      "line":95
+    },
+    "message":"A11y: The attribute 'aria-valuenow' is not supported by the role 'radiogroup'.",
+    "start":{
+      "column":23,
+      "line":95
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":35,
+      "line":96
+    },
+    "message":"A11y: The attribute 'aria-rowspan' is not supported by the role 'region'.",
+    "start":{
+      "column":19,
+      "line":96
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":29,
+      "line":97
+    },
+    "message":"A11y: The attribute 'aria-required' is not supported by the role 'row'.",
+    "start":{
+      "column":16,
+      "line":97
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":34,
+      "line":98
+    },
+    "message":"A11y: The attribute 'aria-expanded' is not supported by the role 'rowgroup'.",
+    "start":{
+      "column":21,
+      "line":98
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":48,
+      "line":99
+    },
+    "message":"A11y: The attribute 'aria-activedescendant' is not supported by the role 'rowheader'.",
+    "start":{
+      "column":22,
+      "line":99
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":75,
+      "line":100
+    },
+    "message":"A11y: The attribute 'aria-rowspan' is not supported by the role 'scrollbar'.",
+    "start":{
+      "column":59,
+      "line":100
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":45,
+      "line":101
+    },
+    "message":"A11y: The attribute 'aria-autocomplete' is not supported by the role 'search'.",
+    "start":{
+      "column":19,
+      "line":101
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":39,
+      "line":102
+    },
+    "message":"A11y: The attribute 'aria-colindex' is not supported by the role 'searchbox'.",
+    "start":{
+      "column":22,
+      "line":102
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":38,
+      "line":103
+    },
+    "message":"A11y: The attribute 'aria-sort' is not supported by the role 'separator'.",
+    "start":{
+      "column":22,
+      "line":103
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":56,
+      "line":104
+    },
+    "message":"A11y: The attribute 'aria-placeholder' is not supported by the role 'slider'.",
+    "start":{
+      "column":37,
+      "line":104
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":40,
+      "line":105
+    },
+    "message":"A11y: The attribute 'aria-posinset' is not supported by the role 'spinbutton'.",
+    "start":{
+      "column":23,
+      "line":105
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":106
+    },
+    "message":"A11y: The attribute 'aria-valuemin' is not supported by the role 'status'.",
+    "start":{
+      "column":19,
+      "line":106
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":107
+    },
+    "message":"A11y: The attribute 'aria-valuemin' is not supported by the role 'strong'.",
+    "start":{
+      "column":19,
+      "line":107
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":39,
+      "line":108
+    },
+    "message":"A11y: The attribute 'aria-colcount' is not supported by the role 'subscript'.",
+    "start":{
+      "column":22,
+      "line":108
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":38,
+      "line":109
+    },
+    "message":"A11y: The attribute 'aria-level' is not supported by the role 'superscript'.",
+    "start":{
+      "column":24,
+      "line":109
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":49,
+      "line":110
+    },
+    "message":"A11y: The attribute 'aria-valuenow' is not supported by the role 'switch'.",
+    "start":{
+      "column":32,
+      "line":110
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":29,
+      "line":111
+    },
+    "message":"A11y: The attribute 'aria-required' is not supported by the role 'tab'.",
+    "start":{
+      "column":16,
+      "line":111
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":28,
+      "line":112
+    },
+    "message":"A11y: The attribute 'aria-modal' is not supported by the role 'table'.",
+    "start":{
+      "column":18,
+      "line":112
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":113
+    },
+    "message":"A11y: The attribute 'aria-setsize' is not supported by the role 'tablist'.",
+    "start":{
+      "column":20,
+      "line":113
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":41,
+      "line":114
+    },
+    "message":"A11y: The attribute 'aria-multiselectable' is not supported by the role 'tabpanel'.",
+    "start":{
+      "column":21,
+      "line":114
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":34,
+      "line":115
+    },
+    "message":"A11y: The attribute 'aria-posinset' is not supported by the role 'term'.",
+    "start":{
+      "column":17,
+      "line":115
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":116
+    },
+    "message":"A11y: The attribute 'aria-colspan' is not supported by the role 'textbox'.",
+    "start":{
+      "column":20,
+      "line":116
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":30,
+      "line":117
+    },
+    "message":"A11y: The attribute 'aria-selected' is not supported by the role 'time'.",
+    "start":{
+      "column":17,
+      "line":117
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":34,
+      "line":118
+    },
+    "message":"A11y: The attribute 'aria-sort' is not supported by the role 'timer'.",
+    "start":{
+      "column":18,
+      "line":118
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":37,
+      "line":119
+    },
+    "message":"A11y: The attribute 'aria-valuetext' is not supported by the role 'toolbar'.",
+    "start":{
+      "column":20,
+      "line":119
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":34,
+      "line":120
+    },
+    "message":"A11y: The attribute 'aria-multiline' is not supported by the role 'tooltip'.",
+    "start":{
+      "column":20,
+      "line":120
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":30,
+      "line":121
+    },
+    "message":"A11y: The attribute 'aria-expanded' is not supported by the role 'tree'.",
+    "start":{
+      "column":17,
+      "line":121
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":35,
+      "line":122
+    },
+    "message":"A11y: The attribute 'aria-level' is not supported by the role 'treegrid'.",
+    "start":{
+      "column":21,
+      "line":122
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":61,
+      "line":123
+    },
+    "message":"A11y: The attribute 'aria-activedescendant' is not supported by the role 'treeitem'.",
+    "start":{
+      "column":35,
+      "line":123
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":42,
+      "line":124
+    },
+    "message":"A11y: The attribute 'aria-colindex' is not supported by the role 'doc-abstract'.",
+    "start":{
+      "column":25,
+      "line":124
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":48,
+      "line":125
+    },
+    "message":"A11y: The attribute 'aria-setsize' is not supported by the role 'doc-acknowledgments'.",
+    "start":{
+      "column":32,
+      "line":125
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":126
+    },
+    "message":"A11y: The attribute 'aria-modal' is not supported by the role 'doc-afterword'.",
+    "start":{
+      "column":26,
+      "line":126
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":51,
+      "line":127
+    },
+    "message":"A11y: The attribute 'aria-activedescendant' is not supported by the role 'doc-appendix'.",
+    "start":{
+      "column":25,
+      "line":127
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":41,
+      "line":128
+    },
+    "message":"A11y: The attribute 'aria-colspan' is not supported by the role 'doc-backlink'.",
+    "start":{
+      "column":25,
+      "line":128
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":45,
+      "line":129
+    },
+    "message":"A11y: The attribute 'aria-valuemax' is not supported by the role 'doc-biblioentry'.",
+    "start":{
+      "column":28,
+      "line":129
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":43,
+      "line":130
+    },
+    "message":"A11y: The attribute 'aria-level' is not supported by the role 'doc-bibliography'.",
+    "start":{
+      "column":29,
+      "line":130
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":38,
+      "line":131
+    },
+    "message":"A11y: The attribute 'aria-checked' is not supported by the role 'doc-biblioref'.",
+    "start":{
+      "column":26,
+      "line":131
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":37,
+      "line":132
+    },
+    "message":"A11y: The attribute 'aria-required' is not supported by the role 'doc-chapter'.",
+    "start":{
+      "column":24,
+      "line":132
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":41,
+      "line":133
+    },
+    "message":"A11y: The attribute 'aria-setsize' is not supported by the role 'doc-colophon'.",
+    "start":{
+      "column":25,
+      "line":133
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":44,
+      "line":134
+    },
+    "message":"A11y: The attribute 'aria-colindex' is not supported by the role 'doc-conclusion'.",
+    "start":{
+      "column":27,
+      "line":134
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":32,
+      "line":135
+    },
+    "message":"A11y: The attribute 'aria-modal' is not supported by the role 'doc-cover'.",
+    "start":{
+      "column":22,
+      "line":135
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":136
+    },
+    "message":"A11y: The attribute 'aria-selected' is not supported by the role 'doc-credit'.",
+    "start":{
+      "column":23,
+      "line":136
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":52,
+      "line":137
+    },
+    "message":"A11y: The attribute 'aria-orientation' is not supported by the role 'doc-credits'.",
+    "start":{
+      "column":24,
+      "line":137
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":41,
+      "line":138
+    },
+    "message":"A11y: The attribute 'aria-level' is not supported by the role 'doc-dedication'.",
+    "start":{
+      "column":27,
+      "line":138
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":139
+    },
+    "message":"A11y: The attribute 'aria-checked' is not supported by the role 'doc-endnote'.",
+    "start":{
+      "column":24,
+      "line":139
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":42,
+      "line":140
+    },
+    "message":"A11y: The attribute 'aria-colcount' is not supported by the role 'doc-endnotes'.",
+    "start":{
+      "column":25,
+      "line":140
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":39,
+      "line":141
+    },
+    "message":"A11y: The attribute 'aria-multiline' is not supported by the role 'doc-epigraph'.",
+    "start":{
+      "column":25,
+      "line":141
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":42,
+      "line":142
+    },
+    "message":"A11y: The attribute 'aria-colcount' is not supported by the role 'doc-epilogue'.",
+    "start":{
+      "column":25,
+      "line":142
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":39,
+      "line":143
+    },
+    "message":"A11y: The attribute 'aria-sort' is not supported by the role 'doc-errata'.",
+    "start":{
+      "column":23,
+      "line":143
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":44,
+      "line":144
+    },
+    "message":"A11y: The attribute 'aria-multiselectable' is not supported by the role 'doc-example'.",
+    "start":{
+      "column":24,
+      "line":144
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":42,
+      "line":145
+    },
+    "message":"A11y: The attribute 'aria-rowcount' is not supported by the role 'doc-footnote'.",
+    "start":{
+      "column":25,
+      "line":145
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":42,
+      "line":146
+    },
+    "message":"A11y: The attribute 'aria-valuenow' is not supported by the role 'doc-foreword'.",
+    "start":{
+      "column":25,
+      "line":146
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":42,
+      "line":147
+    },
+    "message":"A11y: The attribute 'aria-valuetext' is not supported by the role 'doc-glossary'.",
+    "start":{
+      "column":25,
+      "line":147
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":44,
+      "line":148
+    },
+    "message":"A11y: The attribute 'aria-placeholder' is not supported by the role 'doc-glossref'.",
+    "start":{
+      "column":25,
+      "line":148
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":39,
+      "line":149
+    },
+    "message":"A11y: The attribute 'aria-rowcount' is not supported by the role 'doc-index'.",
+    "start":{
+      "column":22,
+      "line":149
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":41,
+      "line":150
+    },
+    "message":"A11y: The attribute 'aria-pressed' is not supported by the role 'doc-introduction'.",
+    "start":{
+      "column":29,
+      "line":150
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":41,
+      "line":151
+    },
+    "message":"A11y: The attribute 'aria-valuenow' is not supported by the role 'doc-noteref'.",
+    "start":{
+      "column":24,
+      "line":151
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":152
+    },
+    "message":"A11y: The attribute 'aria-selected' is not supported by the role 'doc-notice'.",
+    "start":{
+      "column":23,
+      "line":152
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":43,
+      "line":153
+    },
+    "message":"A11y: The attribute 'aria-rowcount' is not supported by the role 'doc-pagebreak'.",
+    "start":{
+      "column":26,
+      "line":153
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":35,
+      "line":154
+    },
+    "message":"A11y: The attribute 'aria-modal' is not supported by the role 'doc-pagelist'.",
+    "start":{
+      "column":25,
+      "line":154
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":37,
+      "line":155
+    },
+    "message":"A11y: The attribute 'aria-setsize' is not supported by the role 'doc-part'.",
+    "start":{
+      "column":21,
+      "line":155
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":52,
+      "line":156
+    },
+    "message":"A11y: The attribute 'aria-orientation' is not supported by the role 'doc-preface'.",
+    "start":{
+      "column":24,
+      "line":156
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":38,
+      "line":157
+    },
+    "message":"A11y: The attribute 'aria-required' is not supported by the role 'doc-prologue'.",
+    "start":{
+      "column":25,
+      "line":157
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":43,
+      "line":158
+    },
+    "message":"A11y: The attribute 'aria-rowcount' is not supported by the role 'doc-pullquote'.",
+    "start":{
+      "column":26,
+      "line":158
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":36,
+      "line":159
+    },
+    "message":"A11y: The attribute 'aria-setsize' is not supported by the role 'doc-qna'.",
+    "start":{
+      "column":20,
+      "line":159
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":42,
+      "line":160
+    },
+    "message":"A11y: The attribute 'aria-rowindex' is not supported by the role 'doc-subtitle'.",
+    "start":{
+      "column":25,
+      "line":160
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":37,
+      "line":161
+    },
+    "message":"A11y: The attribute 'aria-valuenow' is not supported by the role 'doc-tip'.",
+    "start":{
+      "column":20,
+      "line":161
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":37,
+      "line":162
+    },
+    "message":"A11y: The attribute 'aria-posinset' is not supported by the role 'doc-toc'.",
+    "start":{
+      "column":20,
+      "line":162
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":35,
+      "line":166
+    },
+    "message":"A11y: The attribute 'aria-rowspan' is not supported by the role 'textbox'. This role is implicit on the element <input>.",
+    "start":{
+      "column":19,
+      "line":166
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":30,
+      "line":167
+    },
+    "message":"A11y: The attribute 'aria-pressed' is not supported by the role 'textbox'. This role is implicit on the element <input>.",
+    "start":{
+      "column":18,
+      "line":167
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":32,
+      "line":168
+    },
+    "message":"A11y: The attribute 'aria-level' is not supported by the role 'textbox'. This role is implicit on the element <input>.",
+    "start":{
+      "column":18,
+      "line":168
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":32,
+      "line":169
+    },
+    "message":"A11y: The attribute 'aria-pressed' is not supported by the role 'textbox'. This role is implicit on the element <input>.",
+    "start":{
+      "column":20,
+      "line":169
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":42,
+      "line":170
+    },
+    "message":"A11y: The attribute 'aria-valuetext' is not supported by the role 'searchbox'. This role is implicit on the element <input>.",
+    "start":{
+      "column":21,
+      "line":170
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":50,
+      "line":171
+    },
+    "message":"A11y: The attribute 'aria-valuemin' is not supported by the role 'combobox'. This role is implicit on the element <input>.",
+    "start":{
+      "column":33,
+      "line":171
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":48,
+      "line":172
+    },
+    "message":"A11y: The attribute 'aria-colspan' is not supported by the role 'combobox'. This role is implicit on the element <input>.",
+    "start":{
+      "column":32,
+      "line":172
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":49,
+      "line":173
+    },
+    "message":"A11y: The attribute 'aria-posinset' is not supported by the role 'combobox'. This role is implicit on the element <input>.",
+    "start":{
+      "column":32,
+      "line":173
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":44,
+      "line":174
+    },
+    "message":"A11y: The attribute 'aria-modal' is not supported by the role 'combobox'. This role is implicit on the element <input>.",
+    "start":{
+      "column":34,
+      "line":174
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":52,
+      "line":175
+    },
+    "message":"A11y: The attribute 'aria-rowindex' is not supported by the role 'combobox'. This role is implicit on the element <input>.",
+    "start":{
+      "column":35,
+      "line":175
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":53,
+      "line":176
+    },
+    "message":"A11y: The attribute 'aria-valuemax' is not supported by the role 'button'. This role is implicit on the element <input>.",
+    "start":{
+      "column":36,
+      "line":176
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":30,
+      "line":177
+    },
+    "message":"A11y: The attribute 'aria-modal' is not supported by the role 'button'. This role is implicit on the element <input>.",
+    "start":{
+      "column":20,
+      "line":177
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":51,
+      "line":178
+    },
+    "message":"A11y: The attribute 'aria-placeholder' is not supported by the role 'button'. This role is implicit on the element <input>.",
+    "start":{
+      "column":21,
+      "line":178
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":40,
+      "line":179
+    },
+    "message":"A11y: The attribute 'aria-rowindex' is not supported by the role 'checkbox'. This role is implicit on the element <input>.",
+    "start":{
+      "column":23,
+      "line":179
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":41,
+      "line":180
+    },
+    "message":"A11y: The attribute 'aria-valuetext' is not supported by the role 'radio'. This role is implicit on the element <input>.",
+    "start":{
+      "column":20,
+      "line":180
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":32,
+      "line":181
+    },
+    "message":"A11y: The attribute 'aria-checked' is not supported by the role 'slider'. This role is implicit on the element <input>.",
+    "start":{
+      "column":20,
+      "line":181
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":42,
+      "line":182
+    },
+    "message":"A11y: The attribute 'aria-colindex' is not supported by the role 'menuitem'. This role is implicit on the element <menuitem>.",
+    "start":{
+      "column":25,
+      "line":182
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":43,
+      "line":183
+    },
+    "message":"A11y: The attribute 'aria-colcount' is not supported by the role 'menuitemcheckbox'. This role is implicit on the element <menuitem>.",
+    "start":{
+      "column":26,
+      "line":183
+    }
+  },
+  {
+    "code":"a11y-role-supports-aria-props",
+    "end":{
+      "column":53,
+      "line":184
+    },
+    "message":"A11y: The attribute 'aria-placeholder' is not supported by the role 'menuitemradio'. This role is implicit on the element <menuitem>.",
+    "start":{
+      "column":23,
+      "line":184
+    }
+  }
+]
\ No newline at end of file
diff --git a/test/validator/samples/a11y-scope/input.svelte b/test/validator/samples/a11y-scope/input.svelte
index b7738ba7da9..bcc496d9b3f 100644
--- a/test/validator/samples/a11y-scope/input.svelte
+++ b/test/validator/samples/a11y-scope/input.svelte
@@ -1 +1,6 @@
-<div scope/>
\ No newline at end of file
+<!-- valid -->
+<th scope />
+<svelte:element this={Math.random() ? 'th' : 'td'} scope />
+
+<!-- invalid -->
+<div scope/>
diff --git a/test/validator/samples/a11y-scope/warnings.json b/test/validator/samples/a11y-scope/warnings.json
index 192e0b764e7..b8e36cef5db 100644
--- a/test/validator/samples/a11y-scope/warnings.json
+++ b/test/validator/samples/a11y-scope/warnings.json
@@ -3,15 +3,12 @@
 		"code": "a11y-misplaced-scope",
 		"message": "A11y: The scope attribute should only be used with <th> elements",
 		"start": {
-			"line": 1,
-			"column": 5,
-			"character": 5
+			"line": 6,
+			"column": 5
 		},
 		"end": {
-			"line": 1,
-			"column": 10,
-			"character": 10
-		},
-		"pos": 5
+			"line": 6,
+			"column": 10
+		}
 	}
 ]
diff --git a/test/validator/samples/a11y-tabindex-no-positive/input.svelte b/test/validator/samples/a11y-tabindex-no-positive/input.svelte
index 5a90e32f8d9..f525fca777f 100644
--- a/test/validator/samples/a11y-tabindex-no-positive/input.svelte
+++ b/test/validator/samples/a11y-tabindex-no-positive/input.svelte
@@ -2,7 +2,7 @@
 	let foo;
 </script>
 
-<div tabindex='-1'/>
-<div tabindex='0'/>
-<div tabindex='1'/>
-<div tabindex='{foo}'/>
\ No newline at end of file
+<button tabindex='-1'/>
+<button tabindex='0'/>
+<button tabindex='1'/>
+<button tabindex='{foo}'/>
\ No newline at end of file
diff --git a/test/validator/samples/a11y-tabindex-no-positive/warnings.json b/test/validator/samples/a11y-tabindex-no-positive/warnings.json
index ac3c6bd994c..455c4998e4e 100644
--- a/test/validator/samples/a11y-tabindex-no-positive/warnings.json
+++ b/test/validator/samples/a11y-tabindex-no-positive/warnings.json
@@ -4,14 +4,11 @@
 		"message": "A11y: avoid tabindex values above zero",
 		"start": {
 			"line": 7,
-			"column": 5,
-			"character": 76
+			"column": 8
 		},
 		"end": {
 			"line": 7,
-			"column": 17,
-			"character": 88
-		},
-		"pos": 76
+			"column": 20
+		}
 	}
 ]
diff --git a/test/validator/samples/action-invalid/warnings.json b/test/validator/samples/action-invalid/warnings.json
index c1c1b2b492d..5e2066a1143 100644
--- a/test/validator/samples/action-invalid/warnings.json
+++ b/test/validator/samples/action-invalid/warnings.json
@@ -1,15 +1,12 @@
 [{
 	"code": "missing-declaration",
 	"message": "'whatever' is not defined. Consider adding a <script> block with 'export let whatever' to declare a prop",
-	"pos": 5,
 	"start": {
 		"line": 1,
-		"column": 5,
-		"character": 5
+		"column": 5
 	},
 	"end": {
 		"line": 1,
-		"column": 17,
-		"character": 17
+		"column": 17
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/action-object/input.svelte b/test/validator/samples/action-object/input.svelte
index e0962fa594a..083c63388d8 100644
--- a/test/validator/samples/action-object/input.svelte
+++ b/test/validator/samples/action-object/input.svelte
@@ -3,9 +3,9 @@
 		foo : "bar",
 		action(element, { leet }) {
 			element.foo = this.foo + leet;
-		},
+		}
 	}
 </script>
 
 <button use:obj.action={{ leet: 1337 }}>action</button>
-<button use:foo.action={{ leet: 1337 }}>action</button>
\ No newline at end of file
+<button use:foo.action={{ leet: 1337 }}>action</button>
diff --git a/test/validator/samples/action-object/warnings.json b/test/validator/samples/action-object/warnings.json
index e1ccbb55a28..8f02c105de2 100644
--- a/test/validator/samples/action-object/warnings.json
+++ b/test/validator/samples/action-object/warnings.json
@@ -2,14 +2,11 @@
 	{
 		"code": "missing-declaration",
 		"end": {
-			"character": 217,
 			"column": 39,
 			"line": 11
 		},
 		"message": "'foo' is not defined",
-		"pos": 186,
 		"start": {
-			"character": 186,
 			"column": 8,
 			"line": 11
 		}
diff --git a/test/validator/samples/action-on-component/errors.json b/test/validator/samples/action-on-component/errors.json
index 7ffaeb45fd8..b973a4dc2cf 100644
--- a/test/validator/samples/action-on-component/errors.json
+++ b/test/validator/samples/action-on-component/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-action",
 	"message": "Actions can only be applied to DOM elements, not components",
-	"pos": 86,
 	"start": {
 		"line": 7,
-		"column": 8,
-		"character": 86
+		"column": 8
 	},
 	"end": {
 		"line": 7,
-		"column": 15,
-		"character": 93
+		"column": 15
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/animation-duplicate/errors.json b/test/validator/samples/animation-duplicate/errors.json
index a09edd54c72..2f47070256d 100644
--- a/test/validator/samples/animation-duplicate/errors.json
+++ b/test/validator/samples/animation-duplicate/errors.json
@@ -3,13 +3,10 @@
 	"message": "An element can only have one 'animate' directive",
 	"start": {
 		"line": 7,
-		"column": 18,
-		"character": 108
+		"column": 18
 	},
 	"end": {
 		"line": 7,
-		"column": 29,
-		"character": 119
-	},
-	"pos": 108
-}]
\ No newline at end of file
+		"column": 29
+	}
+}]
diff --git a/test/validator/samples/animation-missing/warnings.json b/test/validator/samples/animation-missing/warnings.json
index 78da5371a22..441a4a3e011 100644
--- a/test/validator/samples/animation-missing/warnings.json
+++ b/test/validator/samples/animation-missing/warnings.json
@@ -3,13 +3,10 @@
 	"message": "'foo' is not defined",
 	"start": {
 		"line": 6,
-		"column": 6,
-		"character": 71
+		"column": 6
 	},
 	"end": {
 		"line": 6,
-		"column": 17,
-		"character": 82
-	},
-	"pos": 71
-}]
\ No newline at end of file
+		"column": 17
+	}
+}]
diff --git a/test/validator/samples/animation-not-in-each/errors.json b/test/validator/samples/animation-not-in-each/errors.json
index c737617f98b..c49fc36a97c 100644
--- a/test/validator/samples/animation-not-in-each/errors.json
+++ b/test/validator/samples/animation-not-in-each/errors.json
@@ -3,13 +3,10 @@
 	"message": "An element that uses the animate directive must be the immediate child of a keyed each block",
 	"start": {
 		"line": 5,
-		"column": 5,
-		"character": 44
+		"column": 5
 	},
 	"end": {
 		"line": 5,
-		"column": 16,
-		"character": 55
-	},
-	"pos": 44
+		"column": 16
+	}
 }]
diff --git a/test/validator/samples/animation-not-in-keyed-each/errors.json b/test/validator/samples/animation-not-in-keyed-each/errors.json
index a21579ce4f1..259106cc916 100644
--- a/test/validator/samples/animation-not-in-keyed-each/errors.json
+++ b/test/validator/samples/animation-not-in-keyed-each/errors.json
@@ -3,13 +3,10 @@
 	"message": "An element that uses the animate directive must be used inside a keyed each block. Did you forget to add a key to your each block?",
 	"start": {
 		"line": 6,
-		"column": 6,
-		"character": 69
+		"column": 6
 	},
 	"end": {
 		"line": 6,
-		"column": 17,
-		"character": 80
-	},
-	"pos": 69
+		"column": 17
+	}
 }]
diff --git a/test/validator/samples/animation-siblings/errors.json b/test/validator/samples/animation-siblings/errors.json
index 3def56f0a55..ff229abd2c9 100644
--- a/test/validator/samples/animation-siblings/errors.json
+++ b/test/validator/samples/animation-siblings/errors.json
@@ -3,13 +3,10 @@
 	"message": "An element that uses the animate directive must be the sole child of a keyed each block",
 	"start": {
 		"line": 6,
-		"column": 6,
-		"character": 77
+		"column": 6
 	},
 	"end": {
 		"line": 6,
-		"column": 17,
-		"character": 88
-	},
-	"pos": 77
+		"column": 17
+	}
 }]
diff --git a/test/validator/samples/assignment-to-const-2/errors.json b/test/validator/samples/assignment-to-const-2/errors.json
new file mode 100644
index 00000000000..7bbd36b9a16
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-2/errors.json
@@ -0,0 +1,14 @@
+[
+	{
+		"code": "assignment-to-const",
+		"message": "You are assigning to a const",
+		"start": {
+			"line": 13,
+			"column": 24
+		},
+		"end": {
+			"line": 13,
+			"column": 35
+		}
+	}
+]
diff --git a/test/validator/samples/assignment-to-const-2/input.svelte b/test/validator/samples/assignment-to-const-2/input.svelte
new file mode 100644
index 00000000000..433c6d00769
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-2/input.svelte
@@ -0,0 +1,15 @@
+<script>
+	const immutable = 0;
+
+	const obj1 = { prop: true };
+	const obj2 = { prop: 0 }
+</script>
+
+<!-- should not error -->
+<button on:click={() => obj1.prop = false}>click</button>
+<button on:click={() => obj2.prop++}>click</button>
+
+<!-- should error -->
+<button on:click={() => immutable++}>click</button>
+
+
diff --git a/test/validator/samples/assignment-to-const-3/errors.json b/test/validator/samples/assignment-to-const-3/errors.json
new file mode 100644
index 00000000000..1201c10a837
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-3/errors.json
@@ -0,0 +1,14 @@
+[
+	{
+		"code": "assignment-to-const",
+		"message": "You are assigning to a const",
+		"start": {
+			"line": 14,
+			"column": 3
+		},
+		"end": {
+			"line": 14,
+			"column": 10
+		}
+	}
+]
diff --git a/test/validator/samples/assignment-to-const-3/input.svelte b/test/validator/samples/assignment-to-const-3/input.svelte
new file mode 100644
index 00000000000..faaf4488239
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-3/input.svelte
@@ -0,0 +1,20 @@
+<script>
+	const foo = 'hello';
+	
+	function shouldNotError() {
+		let foo = 0;
+		
+		function inner() {
+			foo = 1;
+		}
+	}
+	
+	function shouldError() {
+		function inner() {
+			foo = 1;
+		}
+	}
+</script>
+
+<button on:click={shouldNotError}>click</button>
+<button on:click={shouldError}>click</button>
\ No newline at end of file
diff --git a/test/validator/samples/assignment-to-const-4/errors.json b/test/validator/samples/assignment-to-const-4/errors.json
new file mode 100644
index 00000000000..39474b2f70a
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-4/errors.json
@@ -0,0 +1,14 @@
+[
+	{
+		"code": "assignment-to-const",
+		"message": "You are assigning to a const",
+		"start": {
+			"line": 17,
+			"column": 2
+		},
+		"end": {
+			"line": 17,
+			"column": 9
+		}
+	}
+]
diff --git a/test/validator/samples/assignment-to-const-4/input.svelte b/test/validator/samples/assignment-to-const-4/input.svelte
new file mode 100644
index 00000000000..12229132bfb
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-4/input.svelte
@@ -0,0 +1,21 @@
+<script>
+	const foo = 'hello';
+</script>
+
+<button on:click={() => {
+	let foo = 0;
+		
+	function inner() {
+		foo = 1;
+	}
+}}>
+	click
+</button>
+
+<button on:click={() => {
+	function inner() {
+		foo = 1;
+	}
+}}>
+	click
+</button>
\ No newline at end of file
diff --git a/test/validator/samples/assignment-to-const-5/errors.json b/test/validator/samples/assignment-to-const-5/errors.json
new file mode 100644
index 00000000000..bca92bf2661
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-5/errors.json
@@ -0,0 +1,14 @@
+[
+	{
+		"code": "assignment-to-const",
+		"message": "You are assigning to a const",
+		"start": {
+			"line": 3,
+			"column": 1
+		},
+		"end": {
+			"line": 3,
+			"column": 33
+		}
+	}
+]
\ No newline at end of file
diff --git a/test/validator/samples/assignment-to-const-5/input.svelte b/test/validator/samples/assignment-to-const-5/input.svelte
new file mode 100644
index 00000000000..76907b94be1
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-5/input.svelte
@@ -0,0 +1,6 @@
+<script>
+	const arr = [1, 2];
+	[arr, arr[1]] = [arr[1], arr[0]];
+</script>
+
+{arr}
\ No newline at end of file
diff --git a/test/validator/samples/assignment-to-const-6/errors.json b/test/validator/samples/assignment-to-const-6/errors.json
new file mode 100644
index 00000000000..0637a088a01
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-6/errors.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/test/validator/samples/assignment-to-const-6/input.svelte b/test/validator/samples/assignment-to-const-6/input.svelte
new file mode 100644
index 00000000000..8da59b261ed
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-6/input.svelte
@@ -0,0 +1,6 @@
+<script>
+	const arr = [1, 2];
+	[arr[0], arr[1]] = [arr[1], arr[0]];
+</script>
+
+{arr}
\ No newline at end of file
diff --git a/test/validator/samples/assignment-to-const-7/errors.json b/test/validator/samples/assignment-to-const-7/errors.json
new file mode 100644
index 00000000000..5304a61c4bb
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-7/errors.json
@@ -0,0 +1,14 @@
+[
+	{
+		"code": "assignment-to-const",
+		"message": "You are assigning to a const",
+		"start": {
+			"line": 3,
+			"column": 1
+		},
+		"end": {
+			"line": 3,
+			"column": 42
+		}
+	}
+]
\ No newline at end of file
diff --git a/test/validator/samples/assignment-to-const-7/input.svelte b/test/validator/samples/assignment-to-const-7/input.svelte
new file mode 100644
index 00000000000..ed7b37ae261
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-7/input.svelte
@@ -0,0 +1,6 @@
+<script>
+	const arr = [{1: {arr: 2}}, 2];
+	[{1: { arr }}, arr[1]] = [arr[1], arr[0]];
+</script>
+
+{arr}
\ No newline at end of file
diff --git a/test/validator/samples/assignment-to-const-8/errors.json b/test/validator/samples/assignment-to-const-8/errors.json
new file mode 100644
index 00000000000..fe51488c706
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-8/errors.json
@@ -0,0 +1 @@
+[]
diff --git a/test/validator/samples/assignment-to-const-8/input.svelte b/test/validator/samples/assignment-to-const-8/input.svelte
new file mode 100644
index 00000000000..8af787f4f0d
--- /dev/null
+++ b/test/validator/samples/assignment-to-const-8/input.svelte
@@ -0,0 +1,6 @@
+<script>
+	const arr = [1, 2];
+	[arr[0], arr[1] = arr] = [arr[1], arr[0]];
+</script>
+
+{arr}
diff --git a/test/validator/samples/assignment-to-const/errors.json b/test/validator/samples/assignment-to-const/errors.json
new file mode 100644
index 00000000000..b822452b927
--- /dev/null
+++ b/test/validator/samples/assignment-to-const/errors.json
@@ -0,0 +1,14 @@
+[
+	{
+		"code": "assignment-to-const",
+		"message": "You are assigning to a const",
+		"start": {
+			"line": 16,
+			"column": 2
+		},
+		"end": {
+			"line": 16,
+			"column": 18
+		}
+	}
+]
diff --git a/test/validator/samples/assignment-to-const/input.svelte b/test/validator/samples/assignment-to-const/input.svelte
new file mode 100644
index 00000000000..d570e7c86b5
--- /dev/null
+++ b/test/validator/samples/assignment-to-const/input.svelte
@@ -0,0 +1,24 @@
+<script>
+	const immutable = false;
+
+	const obj1 = { prop: true };
+	const obj2 = { prop: 0 };
+
+	function shouldNotError() {
+		obj1.prop = false;
+	}
+
+	function shouldNotError2() {
+		obj2.prop++;
+	}
+
+	function shouldError() {
+		immutable = true
+	}
+
+	
+</script>
+
+<button on:click={shouldNotError}>click</button>
+<button on:click={shouldNotError2}>click</button>
+<button on:click={shouldError}>click</button>
diff --git a/test/validator/samples/attribute-expected-equals/errors.json b/test/validator/samples/attribute-expected-equals/errors.json
index a3fa9d3cacf..2089d78d6ef 100644
--- a/test/validator/samples/attribute-expected-equals/errors.json
+++ b/test/validator/samples/attribute-expected-equals/errors.json
@@ -3,13 +3,10 @@
 	"message": "Expected =",
 	"start": {
 		"line": 5,
-		"column": 9,
-		"character": 50
+		"column": 9
 	},
 	"end": {
 		"line": 5,
-		"column": 9,
-		"character": 50
-	},
-	"pos": 50
+		"column": 9
+	}
 }]
diff --git a/test/validator/samples/attribute-invalid-name-2/errors.json b/test/validator/samples/attribute-invalid-name-2/errors.json
index 9e0c4373394..cd3fac5d99e 100644
--- a/test/validator/samples/attribute-invalid-name-2/errors.json
+++ b/test/validator/samples/attribute-invalid-name-2/errors.json
@@ -3,13 +3,10 @@
 	"message": "'3aa' is not a valid attribute name",
 	"start": {
 		"line": 1,
-		"column": 3,
-		"character": 3
+		"column": 3
 	},
 	"end": {
 		"line": 1,
-		"column": 12,
-		"character": 12
-	},
-	"pos": 3
+		"column": 12
+	}
 }]
diff --git a/test/validator/samples/attribute-invalid-name-3/errors.json b/test/validator/samples/attribute-invalid-name-3/errors.json
index f5832268823..956e2b87db9 100644
--- a/test/validator/samples/attribute-invalid-name-3/errors.json
+++ b/test/validator/samples/attribute-invalid-name-3/errors.json
@@ -3,13 +3,10 @@
 	"message": "'a*a' is not a valid attribute name",
 	"start": {
 		"line": 1,
-		"column": 3,
-		"character": 3
+		"column": 3
 	},
 	"end": {
 		"line": 1,
-		"column": 6,
-		"character": 6
-	},
-	"pos": 3
+		"column": 6
+	}
 }]
diff --git a/test/validator/samples/attribute-invalid-name-4/errors.json b/test/validator/samples/attribute-invalid-name-4/errors.json
index a8959cebf3c..d4053c56554 100644
--- a/test/validator/samples/attribute-invalid-name-4/errors.json
+++ b/test/validator/samples/attribute-invalid-name-4/errors.json
@@ -3,13 +3,10 @@
 	"message": "'-a' is not a valid attribute name",
 	"start": {
 		"line": 1,
-		"column": 3,
-		"character": 3
+		"column": 3
 	},
 	"end": {
 		"line": 1,
-		"column": 5,
-		"character": 5
-	},
-	"pos": 3
+		"column": 5
+	}
 }]
diff --git a/test/validator/samples/attribute-invalid-name-5/errors.json b/test/validator/samples/attribute-invalid-name-5/errors.json
index b1e3acc5ef2..f3853c4ffc5 100644
--- a/test/validator/samples/attribute-invalid-name-5/errors.json
+++ b/test/validator/samples/attribute-invalid-name-5/errors.json
@@ -3,13 +3,10 @@
 	"message": "'a;' is not a valid attribute name",
 	"start": {
 		"line": 1,
-		"column": 3,
-		"character": 3
+		"column": 3
 	},
 	"end": {
 		"line": 1,
-		"column": 11,
-		"character": 11
-	},
-	"pos": 3
+		"column": 11
+	}
 }]
diff --git a/test/validator/samples/attribute-invalid-name/errors.json b/test/validator/samples/attribute-invalid-name/errors.json
index 9bdde1ee46d..b9a15df8b44 100644
--- a/test/validator/samples/attribute-invalid-name/errors.json
+++ b/test/validator/samples/attribute-invalid-name/errors.json
@@ -3,13 +3,10 @@
 	"message": "'}' is not a valid attribute name",
 	"start": {
 		"line": 1,
-		"column": 3,
-		"character": 3
+		"column": 3
 	},
 	"end": {
 		"line": 1,
-		"column": 4,
-		"character": 4
-	},
-	"pos": 3
+		"column": 4
+	}
 }]
diff --git a/test/validator/samples/binding-await-catch/errors.json b/test/validator/samples/binding-await-catch/errors.json
index 00141686f38..9e54b79772e 100644
--- a/test/validator/samples/binding-await-catch/errors.json
+++ b/test/validator/samples/binding-await-catch/errors.json
@@ -2,8 +2,7 @@
 	{
 		"code": "invalid-binding",
 		"message": "Cannot bind to a variable declared with {#await ... then} or {:catch} blocks",
-		"pos": 79,
-		"start": { "line": 6, "column": 9, "character": 79 },
-		"end": { "line": 6, "column": 27, "character": 97 }
+		"start": { "line": 6, "column": 9 },
+		"end": { "line": 6, "column": 27 }
 	}
 ]
diff --git a/test/validator/samples/binding-await-then-2/errors.json b/test/validator/samples/binding-await-then-2/errors.json
index e734ed4717f..c3240cf842e 100644
--- a/test/validator/samples/binding-await-then-2/errors.json
+++ b/test/validator/samples/binding-await-then-2/errors.json
@@ -2,8 +2,7 @@
 	{
 		"code": "invalid-binding",
 		"message": "Cannot bind to a variable declared with {#await ... then} or {:catch} blocks",
-		"pos": 78,
-		"start": { "line": 6, "column": 9, "character": 78 },
-		"end": { "line": 6, "column": 19, "character": 88 }
+		"start": { "line": 6, "column": 9 },
+		"end": { "line": 6, "column": 19 }
 	}
 ]
diff --git a/test/validator/samples/binding-await-then/errors.json b/test/validator/samples/binding-await-then/errors.json
index a611e7731f1..4816bf6cf42 100644
--- a/test/validator/samples/binding-await-then/errors.json
+++ b/test/validator/samples/binding-await-then/errors.json
@@ -2,8 +2,7 @@
 	{
 		"code": "invalid-binding",
 		"message": "Cannot bind to a variable declared with {#await ... then} or {:catch} blocks",
-		"pos": 75,
-		"start": { "line": 5, "column": 9, "character": 75 },
-		"end": { "line": 5, "column": 19, "character": 85 }
+		"start": { "line": 5, "column": 9 },
+		"end": { "line": 5, "column": 19 }
 	}
 ]
diff --git a/test/validator/samples/binding-const/errors.json b/test/validator/samples/binding-const/errors.json
index 6d48af9c4ec..e830ca9a675 100644
--- a/test/validator/samples/binding-const/errors.json
+++ b/test/validator/samples/binding-const/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-binding",
 	"message": "Cannot bind to a variable which is not writable",
-	"pos": 61,
 	"start": {
 		"line": 5,
-		"column": 19,
-		"character": 61
+		"column": 19
 	},
 	"end": {
 		"line": 5,
-		"column": 24,
-		"character": 66
+		"column": 24
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/binding-dimensions-svg-child/errors.json b/test/validator/samples/binding-dimensions-svg-child/errors.json
index bd617771bbc..54955723214 100644
--- a/test/validator/samples/binding-dimensions-svg-child/errors.json
+++ b/test/validator/samples/binding-dimensions-svg-child/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-binding",
 	"message": "'offsetWidth' is not a valid binding on SVG elements",
-	"pos": 51,
 	"start": {
 		"line": 6,
-		"column": 7,
-		"character": 51
+		"column": 7
 	},
 	"end": {
 		"line": 6,
-		"column": 23,
-		"character": 67
+		"column": 23
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/binding-dimensions-svg/errors.json b/test/validator/samples/binding-dimensions-svg/errors.json
index 157f2ee180e..63ff7e6dba1 100644
--- a/test/validator/samples/binding-dimensions-svg/errors.json
+++ b/test/validator/samples/binding-dimensions-svg/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-binding",
 	"message": "'offsetWidth' is not a valid binding on <svg>. Use 'clientWidth' instead",
-	"pos": 43,
 	"start": {
 		"line": 5,
-		"column": 5,
-		"character": 43
+		"column": 5
 	},
 	"end": {
 		"line": 5,
-		"column": 21,
-		"character": 59
+		"column": 21
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/binding-dimensions-void/errors.json b/test/validator/samples/binding-dimensions-void/errors.json
index ddd4e359c4b..6c6c224d9f2 100644
--- a/test/validator/samples/binding-dimensions-void/errors.json
+++ b/test/validator/samples/binding-dimensions-void/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-binding",
 	"message": "'offsetWidth' is not a valid binding on void elements like <img>. Use a wrapper element instead",
-	"pos": 60,
 	"start": {
 		"line": 5,
-		"column": 22,
-		"character": 60
+		"column": 22
 	},
 	"end": {
 		"line": 5,
-		"column": 38,
-		"character": 76
+		"column": 38
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/binding-input-checked/errors.json b/test/validator/samples/binding-input-checked/errors.json
index 596bd1b4d7f..fd479b5b287 100644
--- a/test/validator/samples/binding-input-checked/errors.json
+++ b/test/validator/samples/binding-input-checked/errors.json
@@ -3,13 +3,10 @@
 	"message": "'checked' binding can only be used with <input type=\"checkbox\">",
 	"start": {
 		"line": 5,
-		"column": 7,
-		"character": 37
+		"column": 7
 	},
 	"end": {
 		"line": 5,
-		"column": 25,
-		"character": 55
-	},
-	"pos": 37
-}]
\ No newline at end of file
+		"column": 25
+	}
+}]
diff --git a/test/validator/samples/binding-input-type-boolean/errors.json b/test/validator/samples/binding-input-type-boolean/errors.json
index fcf92356ae3..9fcc49f21c8 100644
--- a/test/validator/samples/binding-input-type-boolean/errors.json
+++ b/test/validator/samples/binding-input-type-boolean/errors.json
@@ -3,13 +3,10 @@
 	"message": "'type' attribute must be specified",
 	"start": {
 		"line": 5,
-		"column": 24,
-		"character": 54
+		"column": 24
 	},
 	"end": {
 		"line": 5,
-		"column": 28,
-		"character": 58
-	},
-	"pos": 54
-}]
\ No newline at end of file
+		"column": 28
+	}
+}]
diff --git a/test/validator/samples/binding-input-type-dynamic/errors.json b/test/validator/samples/binding-input-type-dynamic/errors.json
index 1e886a8e989..0b7345081e2 100644
--- a/test/validator/samples/binding-input-type-dynamic/errors.json
+++ b/test/validator/samples/binding-input-type-dynamic/errors.json
@@ -3,13 +3,10 @@
 	"message": "'type' attribute cannot be dynamic if input uses two-way binding",
 	"start": {
 		"line": 6,
-		"column": 24,
-		"character": 70
+		"column": 24
 	},
 	"end": {
 		"line": 6,
-		"column": 40,
-		"character": 86
-	},
-	"pos": 70
-}]
\ No newline at end of file
+		"column": 40
+	}
+}]
diff --git a/test/validator/samples/binding-invalid-foreign-namespace/errors.json b/test/validator/samples/binding-invalid-foreign-namespace/errors.json
index c7262702661..ebc6f681b1a 100644
--- a/test/validator/samples/binding-invalid-foreign-namespace/errors.json
+++ b/test/validator/samples/binding-invalid-foreign-namespace/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-binding",
 	"message": "'value' is not a valid binding. Foreign elements only support bind:this",
-	"pos": 81,
 	"start": {
 		"line": 6,
-		"column": 7,
-		"character": 81
+		"column": 7
 	},
 	"end": {
 		"line": 6,
-		"column": 28,
-		"character": 102
+		"column": 28
 	}
 }]
diff --git a/test/validator/samples/binding-invalid-on-element/errors.json b/test/validator/samples/binding-invalid-on-element/errors.json
index 0db88e3447e..92560ae7b98 100644
--- a/test/validator/samples/binding-invalid-on-element/errors.json
+++ b/test/validator/samples/binding-invalid-on-element/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-binding",
 	"message": "'value' is not a valid binding on <div> elements",
-	"pos": 37,
 	"start": {
 		"line": 5,
-		"column": 5,
-		"character": 37
+		"column": 5
 	},
 	"end": {
 		"line": 5,
-		"column": 15,
-		"character": 47
+		"column": 15
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/binding-invalid-value-global/errors.json b/test/validator/samples/binding-invalid-value-global/errors.json
index be23a215238..10ace856512 100644
--- a/test/validator/samples/binding-invalid-value-global/errors.json
+++ b/test/validator/samples/binding-invalid-value-global/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "binding-undeclared",
 	"message": "foo is not declared",
-	"pos": 58,
 	"start": {
 		"line": 4,
-		"column": 19,
-		"character": 58
+		"column": 19
 	},
 	"end": {
 		"line": 4,
-		"column": 22,
-		"character": 61
+		"column": 22
 	}
 }]
diff --git a/test/validator/samples/binding-invalid-value/errors.json b/test/validator/samples/binding-invalid-value/errors.json
index 07eb7b0f1c8..3c358e995d6 100644
--- a/test/validator/samples/binding-invalid-value/errors.json
+++ b/test/validator/samples/binding-invalid-value/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "binding-undeclared",
 	"message": "foo is not declared",
-	"pos": 37,
 	"start": {
 		"line": 2,
-		"column": 19,
-		"character": 37
+		"column": 19
 	},
 	"end": {
 		"line": 2,
-		"column": 22,
-		"character": 40
+		"column": 22
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/binding-invalid/errors.json b/test/validator/samples/binding-invalid/errors.json
index 5021da41b61..9fd88e36f87 100644
--- a/test/validator/samples/binding-invalid/errors.json
+++ b/test/validator/samples/binding-invalid/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-binding",
 	"message": "'whatever' is not a valid binding",
-	"pos": 40,
 	"start": {
 		"line": 5,
-		"column": 5,
-		"character": 40
+		"column": 5
 	},
 	"end": {
 		"line": 5,
-		"column": 18,
-		"character": 53
+		"column": 18
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/binding-let/errors.json b/test/validator/samples/binding-let/errors.json
index 6195a1c3ae8..40f1ae1c2d1 100644
--- a/test/validator/samples/binding-let/errors.json
+++ b/test/validator/samples/binding-let/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-binding",
 	"message": "Cannot bind to a variable declared with the let: directive",
-	"pos": 52,
 	"start": {
 		"line": 6,
-		"column": 8,
-		"character": 52
+		"column": 8
 	},
 	"end": {
 		"line": 6,
-		"column": 24,
-		"character": 68
+		"column": 24
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/binding-select-multiple-dynamic/errors.json b/test/validator/samples/binding-select-multiple-dynamic/errors.json
index d7710a201a0..7d5ea948c09 100644
--- a/test/validator/samples/binding-select-multiple-dynamic/errors.json
+++ b/test/validator/samples/binding-select-multiple-dynamic/errors.json
@@ -3,13 +3,10 @@
 	"message": "'multiple' attribute cannot be dynamic if select uses two-way binding",
 	"start": {
 		"line": 6,
-		"column": 19,
-		"character": 66
+		"column": 19
 	},
 	"end": {
 		"line": 6,
-		"column": 29,
-		"character": 76
-	},
-	"pos": 66
-}]
\ No newline at end of file
+		"column": 29
+	}
+}]
diff --git a/test/validator/samples/component-dynamic/input.svelte b/test/validator/samples/component-dynamic/input.svelte
index f591a84fe14..241a33c5ea4 100644
--- a/test/validator/samples/component-dynamic/input.svelte
+++ b/test/validator/samples/component-dynamic/input.svelte
@@ -15,4 +15,16 @@
 <Let />
 <ExportLet />
 <Reactive />
-<svelte:component this={Let} />
\ No newline at end of file
+<svelte:component this={Let} />
+
+<!-- Here, we test to see if svelte-ignore works with reactive-component -->
+<!-- svelte-ignore reactive-component -->
+<Let />
+<div>
+  <!-- svelte-ignore reactive-component -->
+  <ExportLet />
+  <div>
+    <!-- svelte-ignore reactive-component -->
+    <Reactive />
+  </div>
+</div>
diff --git a/test/validator/samples/component-dynamic/warnings.json b/test/validator/samples/component-dynamic/warnings.json
index 457ef11a1ed..6814a9a3e98 100644
--- a/test/validator/samples/component-dynamic/warnings.json
+++ b/test/validator/samples/component-dynamic/warnings.json
@@ -2,14 +2,11 @@
 	{
 		"code": "reactive-component",
     "message": "<Let/> will not be reactive if Let changes. Use <svelte:component this={Let}/> if you want this reactivity.",
-    "pos": 190,
 		"end": {
-			"character": 197,
 			"column": 7,
 			"line": 15
 		},
 		"start": {
-			"character": 190,
 			"column": 0,
 			"line": 15
 		}
@@ -17,14 +14,11 @@
 	{
     "message": "<ExportLet/> will not be reactive if ExportLet changes. Use <svelte:component this={ExportLet}/> if you want this reactivity.",
 		"code": "reactive-component",
-    "pos": 198,
 		"end": {
-			"character": 211,
 			"column": 13,
 			"line": 16
 		},
 		"start": {
-			"character": 198,
 			"column": 0,
 			"line": 16
 		}
@@ -32,14 +26,11 @@
 	{
     "message": "<Reactive/> will not be reactive if Reactive changes. Use <svelte:component this={Reactive}/> if you want this reactivity.",
 		"code": "reactive-component",
-    "pos": 212,
 		"end": {
-			"character": 224,
 			"column": 12,
 			"line": 17
 		},
 		"start": {
-			"character": 212,
 			"column": 0,
 			"line": 17
 		}
diff --git a/test/validator/samples/component-event-modifiers-invalid/errors.json b/test/validator/samples/component-event-modifiers-invalid/errors.json
index da608063feb..41ef136dae7 100644
--- a/test/validator/samples/component-event-modifiers-invalid/errors.json
+++ b/test/validator/samples/component-event-modifiers-invalid/errors.json
@@ -3,13 +3,10 @@
 	"code": "invalid-event-modifier",
 	"start": {
 		"line": 6,
-		"column": 8,
-		"character": 93
+		"column": 8
 	},
 	"end": {
 		"line": 6,
-		"column": 40,
-		"character": 125
-	},
-	"pos": 93
+		"column": 40
+	}
 }]
diff --git a/test/validator/samples/component-invalid-style-directive/errors.json b/test/validator/samples/component-invalid-style-directive/errors.json
index 087f0db651b..8c4a6867661 100644
--- a/test/validator/samples/component-invalid-style-directive/errors.json
+++ b/test/validator/samples/component-invalid-style-directive/errors.json
@@ -2,8 +2,7 @@
 	{
 		"code": "invalid-component-style-directive",
 		"message": "Style directives cannot be used on components",
-		"start": { "line": 7, "column": 19, "character": 97 },
-		"end": { "line": 7, "column": 36, "character": 114 },
-		"pos": 97
+		"start": { "line": 7, "column": 19 },
+		"end": { "line": 7, "column": 36 }
 	}
 ]
diff --git a/test/validator/samples/component-name-lowercase/input.svelte b/test/validator/samples/component-name-lowercase/input.svelte
index ebd7cf34814..bfca8cc4713 100644
--- a/test/validator/samples/component-name-lowercase/input.svelte
+++ b/test/validator/samples/component-name-lowercase/input.svelte
@@ -1,7 +1,10 @@
 <script>
 	import thisShouldWarnMe from './MyComponent.svelte';
+	import { form } from './form';
 	let i;
+	form;
 </script>
 
 <thisShouldWarnMe />
-<i />
\ No newline at end of file
+<i />
+<form />
diff --git a/test/validator/samples/component-name-lowercase/warnings.json b/test/validator/samples/component-name-lowercase/warnings.json
index 37765b423db..92f5a6f4299 100644
--- a/test/validator/samples/component-name-lowercase/warnings.json
+++ b/test/validator/samples/component-name-lowercase/warnings.json
@@ -2,16 +2,13 @@
 	{
 		"code": "component-name-lowercase",
 		"message": "<thisShouldWarnMe> will be treated as an HTML element unless it begins with a capital letter",
-		"pos": 82,
 		"start": {
-			"character": 82,
 			"column": 0,
-			"line": 6
+			"line": 8
 		},
 		"end": {
-			"character": 102,
 			"column": 20,
-			"line": 6
+			"line": 8
 		}
 	}
 ]
diff --git a/test/validator/samples/component-slot-default-duplicate.skip/errors.json b/test/validator/samples/component-slot-default-duplicate.skip/errors.json
index f60ddc85241..88aa10c916d 100644
--- a/test/validator/samples/component-slot-default-duplicate.skip/errors.json
+++ b/test/validator/samples/component-slot-default-duplicate.skip/errors.json
@@ -3,6 +3,5 @@
 	"start": {
 		"line": 2,
 		"column": 0
-	},
-	"pos": 14
-}]
\ No newline at end of file
+	}
+}]
diff --git a/test/validator/samples/component-slot-default-reserved/errors.json b/test/validator/samples/component-slot-default-reserved/errors.json
index cefb00da8d9..e14f693966c 100644
--- a/test/validator/samples/component-slot-default-reserved/errors.json
+++ b/test/validator/samples/component-slot-default-reserved/errors.json
@@ -3,13 +3,10 @@
 	"message": "default is a reserved word — it cannot be used as a slot name",
 	"start": {
 		"line": 1,
-		"column": 6,
-		"character": 6
+		"column": 6
 	},
 	"end": {
 		"line": 1,
-		"column": 20,
-		"character": 20
-	},
-	"pos": 6
-}]
\ No newline at end of file
+		"column": 20
+	}
+}]
diff --git a/test/validator/samples/component-slot-dynamic-attribute/errors.json b/test/validator/samples/component-slot-dynamic-attribute/errors.json
index 8944f9cd3e6..e99ab7bd504 100644
--- a/test/validator/samples/component-slot-dynamic-attribute/errors.json
+++ b/test/validator/samples/component-slot-dynamic-attribute/errors.json
@@ -3,13 +3,10 @@
 	"message": "slot attribute cannot have a dynamic value",
 	"start": {
 		"line": 6,
-		"column": 9,
-		"character": 77
+		"column": 9
 	},
 	"end": {
 		"line": 6,
-		"column": 19,
-		"character": 87
-	},
-	"pos": 77
-}]
\ No newline at end of file
+		"column": 19
+	}
+}]
diff --git a/test/validator/samples/component-slot-dynamic/errors.json b/test/validator/samples/component-slot-dynamic/errors.json
index 959aa87fd2b..a449d253ef7 100644
--- a/test/validator/samples/component-slot-dynamic/errors.json
+++ b/test/validator/samples/component-slot-dynamic/errors.json
@@ -3,13 +3,10 @@
 	"message": "<slot> name cannot be dynamic",
 	"start": {
 		"line": 1,
-		"column": 6,
-		"character": 6
+		"column": 6
 	},
 	"end": {
 		"line": 1,
-		"column": 18,
-		"character": 18
-	},
-	"pos": 6
-}]
\ No newline at end of file
+		"column": 18
+	}
+}]
diff --git a/test/validator/samples/component-slot-named-duplicate.skip/errors.json b/test/validator/samples/component-slot-named-duplicate.skip/errors.json
index 8e5d995da61..cf83e4db0b2 100644
--- a/test/validator/samples/component-slot-named-duplicate.skip/errors.json
+++ b/test/validator/samples/component-slot-named-duplicate.skip/errors.json
@@ -3,6 +3,5 @@
 	"start": {
 		"line": 2,
 		"column": 6
-	},
-	"pos": 31
-}]
\ No newline at end of file
+	}
+}]
diff --git a/test/validator/samples/component-slotted-custom-element-2/errors.json b/test/validator/samples/component-slotted-custom-element-2/errors.json
index 06be51d72d0..a0be2a67acb 100644
--- a/test/validator/samples/component-slotted-custom-element-2/errors.json
+++ b/test/validator/samples/component-slotted-custom-element-2/errors.json
@@ -2,8 +2,7 @@
 	{
 		"code": "invalid-slotted-content",
 		"message": "Element with a slot='...' attribute must be a child of a component or a descendant of a custom element",
-		"start": { "line": 10, "column": 9, "character": 138 },
-		"end": { "line": 10, "column": 19, "character": 148 },
-		"pos": 138
+		"start": { "line": 10, "column": 9 },
+		"end": { "line": 10, "column": 19 }
 	}
 ]
diff --git a/test/validator/samples/component-slotted-each-block/errors.json b/test/validator/samples/component-slotted-each-block/errors.json
index 2944acae171..b6e46fff009 100644
--- a/test/validator/samples/component-slotted-each-block/errors.json
+++ b/test/validator/samples/component-slotted-each-block/errors.json
@@ -3,13 +3,10 @@
 	"message": "Element with a slot='...' attribute must be a child of a component or a descendant of a custom element",
 	"start": {
 		"line": 7,
-		"column": 7,
-		"character": 100
+		"column": 7
 	},
 	"end": {
 		"line": 7,
-		"column": 17,
-		"character": 110
-	},
-	"pos": 100
-}]
\ No newline at end of file
+		"column": 17
+	}
+}]
diff --git a/test/validator/samples/component-slotted-if-block/errors.json b/test/validator/samples/component-slotted-if-block/errors.json
index 3ae07c1b3b9..b6e46fff009 100644
--- a/test/validator/samples/component-slotted-if-block/errors.json
+++ b/test/validator/samples/component-slotted-if-block/errors.json
@@ -3,13 +3,10 @@
 	"message": "Element with a slot='...' attribute must be a child of a component or a descendant of a custom element",
 	"start": {
 		"line": 7,
-		"column": 7,
-		"character": 88
+		"column": 7
 	},
 	"end": {
 		"line": 7,
-		"column": 17,
-		"character": 98
-	},
-	"pos": 88
-}]
\ No newline at end of file
+		"column": 17
+	}
+}]
diff --git a/test/validator/samples/const-tag-conflict-1/errors.json b/test/validator/samples/const-tag-conflict-1/errors.json
index 59c72eccaf6..d92528566a1 100644
--- a/test/validator/samples/const-tag-conflict-1/errors.json
+++ b/test/validator/samples/const-tag-conflict-1/errors.json
@@ -2,8 +2,7 @@
 	{
 		"code": "invalid-const-declaration",
 		"message": "'a' has already been declared",
-		"start": { "line": 7, "column": 2, "character": 84 },
-		"end": { "line": 7, "column": 19, "character": 101 },
-		"pos": 84
+		"start": { "line": 7, "column": 2 },
+		"end": { "line": 7, "column": 19 }
 	}
 ]
diff --git a/test/validator/samples/const-tag-conflict-2/errors.json b/test/validator/samples/const-tag-conflict-2/errors.json
index 11e25350913..7636f8fcbcd 100644
--- a/test/validator/samples/const-tag-conflict-2/errors.json
+++ b/test/validator/samples/const-tag-conflict-2/errors.json
@@ -2,8 +2,7 @@
 	{
 		"code": "invalid-const-declaration",
 		"message": "'item' has already been declared",
-		"start": { "line": 6, "column": 2, "character": 64 },
-		"end": { "line": 6, "column": 21, "character": 83 },
-		"pos": 64
+		"start": { "line": 6, "column": 2 },
+		"end": { "line": 6, "column": 21 }
 	}
 ]
diff --git a/test/validator/samples/const-tag-cyclical/errors.json b/test/validator/samples/const-tag-cyclical/errors.json
index 14367477986..2b13e575cf9 100644
--- a/test/validator/samples/const-tag-cyclical/errors.json
+++ b/test/validator/samples/const-tag-cyclical/errors.json
@@ -2,8 +2,7 @@
 	{
 		"code": "cyclical-const-tags",
 		"message": "Cyclical dependency detected: b → c → b",
-		"start": { "line": 6, "column": 2, "character": 61 },
-		"end": { "line": 6, "column": 20, "character": 79 },
-		"pos": 61
+		"start": { "line": 6, "column": 2 },
+		"end": { "line": 6, "column": 20 }
 	}
 ]
diff --git a/test/validator/samples/const-tag-out-of-scope/warnings.json b/test/validator/samples/const-tag-out-of-scope/warnings.json
index c85b417fe42..37696bf4172 100644
--- a/test/validator/samples/const-tag-out-of-scope/warnings.json
+++ b/test/validator/samples/const-tag-out-of-scope/warnings.json
@@ -2,14 +2,11 @@
 	{
 		"code": "missing-declaration",
 		"message": "'b' is not defined",
-		"pos": 100,
 		"start": {
-			"character": 100,
 			"column": 1,
 			"line": 10
 		},
 		"end": {
-			"character": 101,
 			"column": 2,
 			"line": 10
 		}
diff --git a/test/validator/samples/const-tag-placement-1/errors.json b/test/validator/samples/const-tag-placement-1/errors.json
index 5291b3a3511..f90fcf80ab4 100644
--- a/test/validator/samples/const-tag-placement-1/errors.json
+++ b/test/validator/samples/const-tag-placement-1/errors.json
@@ -2,8 +2,7 @@
 	{
 		"code": "invalid-const-placement",
 		"message": "{@const} must be the immediate child of {#if}, {:else if}, {:else}, {#each}, {:then}, {:catch}, <svelte:fragment> or <Component>",
-		"start": { "line": 5, "column": 0, "character": 36 },
-		"end": { "line": 5, "column": 18, "character": 54 },
-		"pos": 36
+		"start": { "line": 5, "column": 0 },
+		"end": { "line": 5, "column": 18 }
 	}
 ]
diff --git a/test/validator/samples/const-tag-placement-2/errors.json b/test/validator/samples/const-tag-placement-2/errors.json
index 9922063a1d3..1124d0b4f86 100644
--- a/test/validator/samples/const-tag-placement-2/errors.json
+++ b/test/validator/samples/const-tag-placement-2/errors.json
@@ -2,8 +2,7 @@
 	{
 		"code": "invalid-const-placement",
 		"message": "{@const} must be the immediate child of {#if}, {:else if}, {:else}, {#each}, {:then}, {:catch}, <svelte:fragment> or <Component>",
-		"start": { "line": 7, "column": 4, "character": 63 },
-		"end": { "line": 7, "column": 18, "character": 77 },
-		"pos": 63
+		"start": { "line": 7, "column": 4 },
+		"end": { "line": 7, "column": 18 }
 	}
 ]
diff --git a/test/validator/samples/const-tag-readonly-1/errors.json b/test/validator/samples/const-tag-readonly-1/errors.json
index ed60c529fdd..8aa10a4d80e 100644
--- a/test/validator/samples/const-tag-readonly-1/errors.json
+++ b/test/validator/samples/const-tag-readonly-1/errors.json
@@ -2,8 +2,7 @@
 	{
 		"code": "invalid-const-update",
 		"message": "'b' is declared using {@const ...} and is read-only",
-		"start": { "line": 7, "column": 26, "character": 106 },
-		"end": { "line": 7, "column": 30, "character": 110 },
-		"pos": 106
+		"start": { "line": 7, "column": 26 },
+		"end": { "line": 7, "column": 30 }
 	}
 ]
diff --git a/test/validator/samples/const-tag-readonly-2/errors.json b/test/validator/samples/const-tag-readonly-2/errors.json
index 746a21e86ae..15307d637e0 100644
--- a/test/validator/samples/const-tag-readonly-2/errors.json
+++ b/test/validator/samples/const-tag-readonly-2/errors.json
@@ -2,8 +2,7 @@
 	{
 		"code": "invalid-binding",
 		"message": "Cannot bind to a variable declared with {@const ...}",
-		"start": { "line": 7, "column": 9, "character": 89 },
-		"end": { "line": 7, "column": 23, "character": 103 },
-		"pos": 89
+		"start": { "line": 7, "column": 9 },
+		"end": { "line": 7, "column": 23 }
 	}
 ]
diff --git a/test/validator/samples/contenteditable-dynamic/errors.json b/test/validator/samples/contenteditable-dynamic/errors.json
index 0c4c5585a65..b01a089809b 100644
--- a/test/validator/samples/contenteditable-dynamic/errors.json
+++ b/test/validator/samples/contenteditable-dynamic/errors.json
@@ -3,13 +3,10 @@
 	"message": "'contenteditable' attribute cannot be dynamic if element uses two-way binding",
 	"start": {
 		"line": 6,
-		"column": 8,
-		"character": 73
+		"column": 8
 	},
 	"end": {
 		"line": 6,
-		"column": 32,
-		"character": 97
-	},
-	"pos": 73
-}]
\ No newline at end of file
+		"column": 32
+	}
+}]
diff --git a/test/validator/samples/contenteditable-missing/errors.json b/test/validator/samples/contenteditable-missing/errors.json
index 53d5af49285..23df8e6d83d 100644
--- a/test/validator/samples/contenteditable-missing/errors.json
+++ b/test/validator/samples/contenteditable-missing/errors.json
@@ -3,13 +3,10 @@
 	"message": "'contenteditable' attribute is required for textContent and innerHTML two-way bindings",
 	"start": {
 		"line": 4,
-		"column": 8,
-		"character": 48
+		"column": 8
 	},
 	"end": {
 		"line": 4,
-		"column": 31,
-		"character": 71
-	},
-	"pos": 48
-}]
\ No newline at end of file
+		"column": 31
+	}
+}]
diff --git a/test/validator/samples/css-invalid-combinator-selector-1/errors.json b/test/validator/samples/css-invalid-combinator-selector-1/errors.json
new file mode 100644
index 00000000000..3bce9fbc016
--- /dev/null
+++ b/test/validator/samples/css-invalid-combinator-selector-1/errors.json
@@ -0,0 +1,8 @@
+[
+	{
+		"code": "css-invalid-selector",
+		"message": "Invalid selector \"> span\"",
+		"start": { "line": 10, "column": 1 },
+		"end": { "line": 10, "column": 7 }
+	}
+]
diff --git a/test/validator/samples/css-invalid-combinator-selector-1/input.svelte b/test/validator/samples/css-invalid-combinator-selector-1/input.svelte
new file mode 100644
index 00000000000..614b9d932c5
--- /dev/null
+++ b/test/validator/samples/css-invalid-combinator-selector-1/input.svelte
@@ -0,0 +1,13 @@
+<p><span /></p>
+
+<style>
+	p > span {
+		color: red;
+	}
+	:has(> span) {
+		color: red;
+	}
+	> span {
+		color: red;
+	}
+</style>
diff --git a/test/validator/samples/css-invalid-combinator-selector-2/errors.json b/test/validator/samples/css-invalid-combinator-selector-2/errors.json
new file mode 100644
index 00000000000..38305e106b9
--- /dev/null
+++ b/test/validator/samples/css-invalid-combinator-selector-2/errors.json
@@ -0,0 +1,8 @@
+[
+	{
+		"code": "css-invalid-selector",
+		"message": "Invalid selector \"+ p\"",
+		"start": { "line": 8, "column": 1 },
+		"end": { "line": 8, "column": 4 }
+	}
+]
diff --git a/test/validator/samples/css-invalid-combinator-selector-2/input.svelte b/test/validator/samples/css-invalid-combinator-selector-2/input.svelte
new file mode 100644
index 00000000000..9cc20ce8173
--- /dev/null
+++ b/test/validator/samples/css-invalid-combinator-selector-2/input.svelte
@@ -0,0 +1,11 @@
+<p><span /></p>
+<p><span /></p>
+
+<style>
+	p + p {
+		color: red;
+	}
+	+ p {
+		color: red;
+	}
+</style>
diff --git a/test/validator/samples/css-invalid-combinator-selector-3/errors.json b/test/validator/samples/css-invalid-combinator-selector-3/errors.json
new file mode 100644
index 00000000000..ad357202499
--- /dev/null
+++ b/test/validator/samples/css-invalid-combinator-selector-3/errors.json
@@ -0,0 +1,8 @@
+[
+	{
+		"code": "css-invalid-selector",
+		"message": "Invalid selector \"> span\"",
+		"start": { "line": 5, "column": 2 },
+		"end": { "line": 5, "column": 8 }
+	}
+]
diff --git a/test/validator/samples/css-invalid-combinator-selector-3/input.svelte b/test/validator/samples/css-invalid-combinator-selector-3/input.svelte
new file mode 100644
index 00000000000..fdd48709217
--- /dev/null
+++ b/test/validator/samples/css-invalid-combinator-selector-3/input.svelte
@@ -0,0 +1,9 @@
+<p><span /></p>
+
+<style>
+	@media screen {
+		> span {
+			color: red;
+		}
+	}
+</style>
diff --git a/test/validator/samples/css-invalid-combinator-selector-4/errors.json b/test/validator/samples/css-invalid-combinator-selector-4/errors.json
new file mode 100644
index 00000000000..78b08158637
--- /dev/null
+++ b/test/validator/samples/css-invalid-combinator-selector-4/errors.json
@@ -0,0 +1,8 @@
+[
+	{
+		"code": "css-invalid-selector",
+		"message": "Invalid selector \"p >\"",
+		"start": { "line": 4, "column": 1 },
+		"end": { "line": 4, "column": 4 }
+	}
+]
diff --git a/test/validator/samples/css-invalid-combinator-selector-4/input.svelte b/test/validator/samples/css-invalid-combinator-selector-4/input.svelte
new file mode 100644
index 00000000000..db04318f73f
--- /dev/null
+++ b/test/validator/samples/css-invalid-combinator-selector-4/input.svelte
@@ -0,0 +1,7 @@
+<p><span /></p>
+
+<style>
+	p > {
+		color: red;
+	}
+</style>
diff --git a/test/validator/samples/css-invalid-global-placement-2/errors.json b/test/validator/samples/css-invalid-global-placement-2/errors.json
index 4594469cc21..a5b7fdcac25 100644
--- a/test/validator/samples/css-invalid-global-placement-2/errors.json
+++ b/test/validator/samples/css-invalid-global-placement-2/errors.json
@@ -3,13 +3,10 @@
 	"message": ":global(...) can be at the start or end of a selector sequence, but not in the middle",
 	"start": {
 		"line": 2,
-		"column": 6,
-		"character": 14
+		"column": 6
 	},
 	"end": {
 		"line": 2,
-		"column": 19,
-		"character": 27
-	},
-	"pos": 14
+		"column": 19
+	}
 }]
diff --git a/test/validator/samples/css-invalid-global-placement-3/errors.json b/test/validator/samples/css-invalid-global-placement-3/errors.json
index dc9d605c2c0..796604895cb 100644
--- a/test/validator/samples/css-invalid-global-placement-3/errors.json
+++ b/test/validator/samples/css-invalid-global-placement-3/errors.json
@@ -3,13 +3,10 @@
 	"message": ":global(...) can be at the start or end of a selector sequence, but not in the middle",
 	"start": {
 		"line": 5,
-		"column": 6,
-		"character": 60
+		"column": 6
 	},
 	"end": {
 		"line": 5,
-		"column": 19,
-		"character": 73
-	},
-	"pos": 60
+		"column": 19
+	}
 }]
diff --git a/test/validator/samples/css-invalid-global-placement-4/errors.json b/test/validator/samples/css-invalid-global-placement-4/errors.json
new file mode 100644
index 00000000000..216dcea05ea
--- /dev/null
+++ b/test/validator/samples/css-invalid-global-placement-4/errors.json
@@ -0,0 +1,12 @@
+[{
+	"code": "css-invalid-global-selector-position",
+	"message": ":global(...) not at the start of a selector sequence should not contain type or universal selectors",
+	"start": {
+		"line": 2,
+		"column": 5
+	},
+	"end": {
+		"line": 2,
+		"column": 17
+	}
+}]
\ No newline at end of file
diff --git a/test/validator/samples/css-invalid-global-placement-4/input.svelte b/test/validator/samples/css-invalid-global-placement-4/input.svelte
new file mode 100644
index 00000000000..641e91cab03
--- /dev/null
+++ b/test/validator/samples/css-invalid-global-placement-4/input.svelte
@@ -0,0 +1,5 @@
+<style>
+	.foo:global(div) {
+		color: red;
+	}
+</style>
diff --git a/test/validator/samples/css-invalid-global-placement-5/errors.json b/test/validator/samples/css-invalid-global-placement-5/errors.json
new file mode 100644
index 00000000000..de4e3f79e97
--- /dev/null
+++ b/test/validator/samples/css-invalid-global-placement-5/errors.json
@@ -0,0 +1,12 @@
+[{
+	"code": "css-invalid-global-selector-position",
+	"message": ":global(...) not at the start of a selector sequence should not contain type or universal selectors",
+	"start": {
+		"line": 2,
+		"column": 5
+	},
+	"end": {
+		"line": 2,
+		"column": 21
+	}
+}]
\ No newline at end of file
diff --git a/test/validator/samples/css-invalid-global-placement-5/input.svelte b/test/validator/samples/css-invalid-global-placement-5/input.svelte
new file mode 100644
index 00000000000..cbd4f3a4fc7
--- /dev/null
+++ b/test/validator/samples/css-invalid-global-placement-5/input.svelte
@@ -0,0 +1,7 @@
+<style>
+	.foo:global(div.bar) {
+		color: red;
+	}
+</style>
+
+<div class="foo" />
\ No newline at end of file
diff --git a/test/validator/samples/css-invalid-global-placement/errors.json b/test/validator/samples/css-invalid-global-placement/errors.json
index 6e7e9be0ce7..a5b7fdcac25 100644
--- a/test/validator/samples/css-invalid-global-placement/errors.json
+++ b/test/validator/samples/css-invalid-global-placement/errors.json
@@ -3,13 +3,10 @@
 	"message": ":global(...) can be at the start or end of a selector sequence, but not in the middle",
 	"start": {
 		"line": 2,
-		"column": 6,
-		"character": 14
+		"column": 6
 	},
 	"end": {
 		"line": 2,
-		"column": 19,
-		"character": 27
-	},
-	"pos": 14
-}]
\ No newline at end of file
+		"column": 19
+	}
+}]
diff --git a/test/validator/samples/css-invalid-global-selector-2/errors.json b/test/validator/samples/css-invalid-global-selector-2/errors.json
index 3317925b00c..3049ff71eff 100644
--- a/test/validator/samples/css-invalid-global-selector-2/errors.json
+++ b/test/validator/samples/css-invalid-global-selector-2/errors.json
@@ -4,14 +4,11 @@
 		"message": ":global(...) must contain a single selector",
 		"start": {
 			"line": 11,
-			"column": 5,
-			"character": 156
+			"column": 5
 		},
 		"end": {
 			"line": 11,
-			"column": 29,
-			"character": 180
-		},
-		"pos": 156
+			"column": 29
+		}
 	}
 ]
diff --git a/test/validator/samples/css-invalid-global-selector-3/errors.json b/test/validator/samples/css-invalid-global-selector-3/errors.json
index abc516a5048..651acb30895 100644
--- a/test/validator/samples/css-invalid-global-selector-3/errors.json
+++ b/test/validator/samples/css-invalid-global-selector-3/errors.json
@@ -4,14 +4,11 @@
 		"message": ":global(...) must contain a single selector",
 		"start": {
 			"line": 5,
-			"column": 5,
-			"character": 77
+			"column": 5
 		},
 		"end": {
 			"line": 5,
-			"column": 44,
-			"character": 116
-		},
-		"pos": 77
+			"column": 44
+		}
 	}
 ]
diff --git a/test/validator/samples/css-invalid-global-selector-4/errors.json b/test/validator/samples/css-invalid-global-selector-4/errors.json
index 8d76cb63c02..c1bb229debc 100644
--- a/test/validator/samples/css-invalid-global-selector-4/errors.json
+++ b/test/validator/samples/css-invalid-global-selector-4/errors.json
@@ -4,14 +4,11 @@
 		"message": ":global(...) must contain a single selector",
 		"start": {
 			"line": 2,
-			"column": 5,
-			"character": 13
+			"column": 5
 		},
 		"end": {
 			"line": 2,
-			"column": 24,
-			"character": 32
-		},
-		"pos": 13
+			"column": 24
+		}
 	}
 ]
diff --git a/test/validator/samples/css-invalid-global-selector-5/errors.json b/test/validator/samples/css-invalid-global-selector-5/errors.json
index 8129b236e63..9efd2be5a26 100644
--- a/test/validator/samples/css-invalid-global-selector-5/errors.json
+++ b/test/validator/samples/css-invalid-global-selector-5/errors.json
@@ -4,14 +4,11 @@
 		"message": ":global(...) must contain a single selector",
 		"start": {
 			"line": 5,
-			"column": 1,
-			"character": 54
+			"column": 1
 		},
 		"end": {
 			"line": 5,
-			"column": 20,
-			"character": 73
-		},
-		"pos": 54
+			"column": 20
+		}
 	}
 ]
diff --git a/test/validator/samples/css-invalid-global-selector-6/errors.json b/test/validator/samples/css-invalid-global-selector-6/errors.json
index 8129b236e63..9efd2be5a26 100644
--- a/test/validator/samples/css-invalid-global-selector-6/errors.json
+++ b/test/validator/samples/css-invalid-global-selector-6/errors.json
@@ -4,14 +4,11 @@
 		"message": ":global(...) must contain a single selector",
 		"start": {
 			"line": 5,
-			"column": 1,
-			"character": 54
+			"column": 1
 		},
 		"end": {
 			"line": 5,
-			"column": 20,
-			"character": 73
-		},
-		"pos": 54
+			"column": 20
+		}
 	}
 ]
diff --git a/test/validator/samples/css-invalid-global-selector/errors.json b/test/validator/samples/css-invalid-global-selector/errors.json
index 7b2d5123b05..c7ef17faf9c 100644
--- a/test/validator/samples/css-invalid-global-selector/errors.json
+++ b/test/validator/samples/css-invalid-global-selector/errors.json
@@ -4,14 +4,11 @@
 		"message": ":global(...) must contain a single selector",
 		"start": {
 			"line": 11,
-			"column": 5,
-			"character": 143
+			"column": 5
 		},
 		"end": {
 			"line": 11,
-			"column": 24,
-			"character": 162
-		},
-		"pos": 143
+			"column": 24
+		}
 	}
 ]
diff --git a/test/validator/samples/debug-invalid-args/errors.json b/test/validator/samples/debug-invalid-args/errors.json
index a92fb017a10..642d7e001e2 100644
--- a/test/validator/samples/debug-invalid-args/errors.json
+++ b/test/validator/samples/debug-invalid-args/errors.json
@@ -3,13 +3,10 @@
 	"message": "{@debug ...} arguments must be identifiers, not arbitrary expressions",
 	"start": {
 		"line": 2,
-		"column": 9,
-		"character": 13
+		"column": 9
 	},
 	"end": {
 		"line": 2,
-		"column": 9,
-		"character": 13
-	},
-	"pos": 13
-}]
\ No newline at end of file
+		"column": 9
+	}
+}]
diff --git a/test/validator/samples/default-export-anonymous-class/errors.json b/test/validator/samples/default-export-anonymous-class/errors.json
index 0a410e5eda4..66746ad84ce 100644
--- a/test/validator/samples/default-export-anonymous-class/errors.json
+++ b/test/validator/samples/default-export-anonymous-class/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "default-export",
 	"message": "A component cannot have a default export",
-	"pos": 10,
 	"start": {
 		"line": 2,
-		"column": 1,
-		"character": 10
+		"column": 1
 	},
 	"end": {
 		"line": 2,
-		"column": 30,
-		"character": 39
+		"column": 30
 	}
 }]
diff --git a/test/validator/samples/default-export-anonymous-function/errors.json b/test/validator/samples/default-export-anonymous-function/errors.json
index 1f144e83928..dd80d7f77c8 100644
--- a/test/validator/samples/default-export-anonymous-function/errors.json
+++ b/test/validator/samples/default-export-anonymous-function/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "default-export",
 	"message": "A component cannot have a default export",
-	"pos": 10,
 	"start": {
 		"line": 2,
-		"column": 1,
-		"character": 10
+		"column": 1
 	},
 	"end": {
 		"line": 2,
-		"column": 24,
-		"character": 33
+		"column": 24
 	}
 }]
diff --git a/test/validator/samples/default-export/errors.json b/test/validator/samples/default-export/errors.json
index 45544fe4a1d..2141aabadbe 100644
--- a/test/validator/samples/default-export/errors.json
+++ b/test/validator/samples/default-export/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "default-export",
 	"message": "A component cannot have a default export",
-	"pos": 10,
 	"start": {
 		"line": 2,
-		"column": 1,
-		"character": 10
+		"column": 1
 	},
 	"end": {
 		"line": 2,
-		"column": 19,
-		"character": 28
+		"column": 19
 	}
 }]
diff --git a/test/validator/samples/directive-non-expression/errors.json b/test/validator/samples/directive-non-expression/errors.json
index c606963b68f..996e1a9a4dd 100644
--- a/test/validator/samples/directive-non-expression/errors.json
+++ b/test/validator/samples/directive-non-expression/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-directive-value",
 	"message": "Directive value must be a JavaScript expression enclosed in curly braces",
-	"pos": 15,
 	"start": {
 		"line": 1,
-		"column": 15,
-		"character": 15
+		"column": 15
 	},
 	"end": {
 		"line": 1,
-		"column": 15,
-		"character": 15
+		"column": 15
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/dollar-dollar-global-in-markup/errors.json b/test/validator/samples/dollar-dollar-global-in-markup/errors.json
index 4730c5152ed..da11fa4ecde 100644
--- a/test/validator/samples/dollar-dollar-global-in-markup/errors.json
+++ b/test/validator/samples/dollar-dollar-global-in-markup/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "illegal-global",
 	"message": "$$billsyall is an illegal variable name",
-	"pos": 1,
 	"start": {
 		"line": 1,
-		"column": 1,
-		"character": 1
+		"column": 1
 	},
 	"end": {
 		"line": 1,
-		"column": 12,
-		"character": 12
+		"column": 12
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/dollar-dollar-global-in-script/errors.json b/test/validator/samples/dollar-dollar-global-in-script/errors.json
index 5c923e35f7b..515b14db1f4 100644
--- a/test/validator/samples/dollar-dollar-global-in-script/errors.json
+++ b/test/validator/samples/dollar-dollar-global-in-script/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "illegal-global",
 	"message": "$$billsyall is an illegal variable name",
-	"pos": 10,
 	"start": {
 		"line": 2,
-		"column": 1,
-		"character": 10
+		"column": 1
 	},
 	"end": {
 		"line": 2,
-		"column": 12,
-		"character": 21
+		"column": 12
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/dollar-global-in-markup/errors.json b/test/validator/samples/dollar-global-in-markup/errors.json
index 6cdf67e872f..90ffe784599 100644
--- a/test/validator/samples/dollar-global-in-markup/errors.json
+++ b/test/validator/samples/dollar-global-in-markup/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "illegal-global",
 	"message": "$ is an illegal variable name",
-	"pos": 1,
 	"start": {
 		"line": 1,
-		"column": 1,
-		"character": 1
+		"column": 1
 	},
 	"end": {
 		"line": 1,
-		"column": 2,
-		"character": 2
+		"column": 2
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/dollar-global-in-script/errors.json b/test/validator/samples/dollar-global-in-script/errors.json
index 2a6bd7ce7ad..d1b90ac2881 100644
--- a/test/validator/samples/dollar-global-in-script/errors.json
+++ b/test/validator/samples/dollar-global-in-script/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "illegal-global",
 	"message": "$ is an illegal variable name",
-	"pos": 10,
 	"start": {
 		"line": 2,
-		"column": 1,
-		"character": 10
+		"column": 1
 	},
 	"end": {
 		"line": 2,
-		"column": 2,
-		"character": 11
+		"column": 2
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/dynamic-element-invalid-tag/errors.json b/test/validator/samples/dynamic-element-invalid-tag/errors.json
index c8d3c52490f..591a1ce5408 100644
--- a/test/validator/samples/dynamic-element-invalid-tag/errors.json
+++ b/test/validator/samples/dynamic-element-invalid-tag/errors.json
@@ -4,14 +4,11 @@
 		"code": "invalid-element-definition",
 		"start": {
 			"line": 2,
-			"column": 17,
-			"character": 23
+			"column": 17
 		},
 		"end": {
 			"line": 2,
-			"column": 17,
-			"character": 23
-		},
-		"pos": 23
+			"column": 17
+		}
 	}
 ]
diff --git a/test/validator/samples/dynamic-element-missing-tag/errors.json b/test/validator/samples/dynamic-element-missing-tag/errors.json
index 8243deeb809..0f2cee5a2a9 100644
--- a/test/validator/samples/dynamic-element-missing-tag/errors.json
+++ b/test/validator/samples/dynamic-element-missing-tag/errors.json
@@ -3,13 +3,10 @@
 	"message": "<svelte:element> must have a 'this' attribute",
 	"start": {
 		"line": 2,
-		"column": 1,
-		"character": 7
+		"column": 1
 	},
 	"end": {
 		"line": 2,
-		"column": 1,
-		"character": 7
-	},
-	"pos": 7
+		"column": 1
+	}
 }]
diff --git a/test/validator/samples/dynamic-element-this/errors.json b/test/validator/samples/dynamic-element-this/errors.json
index 7d61c20ee2d..c7294a10c88 100644
--- a/test/validator/samples/dynamic-element-this/errors.json
+++ b/test/validator/samples/dynamic-element-this/errors.json
@@ -3,13 +3,10 @@
 	"message": "'this' is a reserved word in JavaScript and cannot be used here",
 	"start": {
 		"line": 2,
-		"column": 18,
-		"character": 24
+		"column": 18
 	},
 	"end": {
 		"line": 2,
-		"column": 18,
-		"character": 24
-	},
-	"pos": 24
+		"column": 18
+	}
 	}]
diff --git a/test/validator/samples/each-block-destructured-object-rest-comma-after/errors.json b/test/validator/samples/each-block-destructured-object-rest-comma-after/errors.json
index df899b7702a..7d88595e4b2 100644
--- a/test/validator/samples/each-block-destructured-object-rest-comma-after/errors.json
+++ b/test/validator/samples/each-block-destructured-object-rest-comma-after/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "parse-error",
 	"message": "Comma is not permitted after the rest element",
-	"pos": 100,
 	"start": {
 		"line": 5,
-		"column": 53,
-		"character": 100
+		"column": 53
 	},
 	"end": {
 		"line": 5,
-		"column": 53,
-		"character": 100
+		"column": 53
 	}
 }]
diff --git a/test/validator/samples/each-block-invalid-context-destructured-object/errors.json b/test/validator/samples/each-block-invalid-context-destructured-object/errors.json
index c96e3d2c8cc..1bc273844cc 100644
--- a/test/validator/samples/each-block-invalid-context-destructured-object/errors.json
+++ b/test/validator/samples/each-block-invalid-context-destructured-object/errors.json
@@ -3,13 +3,10 @@
 	"message": "Unexpected keyword 'case'",
 	"start": {
 		"line": 1,
-		"column": 18,
-		"character": 18
+		"column": 18
 	},
 	"end": {
 		"line": 1,
-		"column": 18,
-		"character": 18
-	},
-	"pos": 18
+		"column": 18
+	}
 }]
diff --git a/test/validator/samples/each-block-invalid-context-destructured/errors.json b/test/validator/samples/each-block-invalid-context-destructured/errors.json
index 62d6f62e87c..51bf42e5750 100644
--- a/test/validator/samples/each-block-invalid-context-destructured/errors.json
+++ b/test/validator/samples/each-block-invalid-context-destructured/errors.json
@@ -3,13 +3,10 @@
 	"message": "Unexpected token",
 	"start": {
 		"line": 1,
-		"column": 17,
-		"character": 17
+		"column": 17
 	},
 	"end": {
 		"line": 1,
-		"column": 17,
-		"character": 17
-	},
-	"pos": 17
-}]
\ No newline at end of file
+		"column": 17
+	}
+}]
diff --git a/test/validator/samples/each-block-invalid-context/errors.json b/test/validator/samples/each-block-invalid-context/errors.json
index f997aa269fa..898551f1cb3 100644
--- a/test/validator/samples/each-block-invalid-context/errors.json
+++ b/test/validator/samples/each-block-invalid-context/errors.json
@@ -3,13 +3,10 @@
 	"message": "'case' is a reserved word in JavaScript and cannot be used here",
 	"start": {
 		"line": 1,
-		"column": 16,
-		"character": 16
+		"column": 16
 	},
 	"end": {
 		"line": 1,
-		"column": 16,
-		"character": 16
-	},
-	"pos": 16
-}]
\ No newline at end of file
+		"column": 16
+	}
+}]
diff --git a/test/validator/samples/empty-block/warnings.json b/test/validator/samples/empty-block/warnings.json
index d5639704251..11ca8e204e0 100644
--- a/test/validator/samples/empty-block/warnings.json
+++ b/test/validator/samples/empty-block/warnings.json
@@ -4,29 +4,23 @@
 		"message": "Empty block",
 		"start": {
 			"line": 5,
-			"column": 0,
-			"character": 38
+			"column": 0
 		},
 		"end": {
 			"line": 7,
-			"column": 7,
-			"character": 70
-		},
-		"pos": 38
+			"column": 7
+		}
 	},
 	{
 		"code": "empty-block",
 		"message": "Empty block",
 		"start": {
 			"line": 9,
-			"column": 0,
-			"character": 72
+			"column": 0
 		},
 		"end": {
 			"line": 9,
-			"column": 30,
-			"character": 102
-		},
-		"pos": 72
+			"column": 30
+		}
 	}
-]
\ No newline at end of file
+]
diff --git a/test/validator/samples/error-mode-warn/warnings.json b/test/validator/samples/error-mode-warn/warnings.json
index cce6324df5d..cf2963c9596 100644
--- a/test/validator/samples/error-mode-warn/warnings.json
+++ b/test/validator/samples/error-mode-warn/warnings.json
@@ -2,29 +2,23 @@
 	{
 		"code": "invalid-binding",
 		"message": "Cannot bind to a variable which is not writable",
-		"pos": 61,
 		"start": {
 			"line": 5,
-			"column": 19,
-			"character": 61
+			"column": 19
 		},
 		"end": {
 			"line": 5,
-			"column": 24,
-			"character": 66
+			"column": 24
 		}
 	},
 	{
 		"code": "missing-declaration",
 		"message": "'undeclared' is not defined",
-		"pos": 88,
 		"start": {
-			"character": 88,
 			"column": 19,
 			"line": 6
 		},
 		"end": {
-			"character": 98,
 			"column": 29,
 			"line": 6
 		}
@@ -32,16 +26,13 @@
 	{
 		"code": "binding-undeclared",
 		"message": "undeclared is not declared",
-		"pos": 88,
 		"end": {
-			"character": 98,
 			"column": 29,
 			"line": 6
 		},
 		"start": {
-			"character": 88,
 			"column": 19,
 			"line": 6
 		}
 	}
-]
\ No newline at end of file
+]
diff --git a/test/validator/samples/event-modifiers-invalid-nonpassive/errors.json b/test/validator/samples/event-modifiers-invalid-nonpassive/errors.json
index a7e5a2a76ce..3772fcef495 100644
--- a/test/validator/samples/event-modifiers-invalid-nonpassive/errors.json
+++ b/test/validator/samples/event-modifiers-invalid-nonpassive/errors.json
@@ -3,13 +3,10 @@
 	"code": "invalid-event-modifier",
 	"start": {
 		"line": 1,
-		"column": 5,
-		"character": 5
+		"column": 5
 	},
 	"end": {
 		"line": 1,
-		"column": 51,
-		"character": 51
-	},
-	"pos": 5
+		"column": 51
+	}
 }]
diff --git a/test/validator/samples/event-modifiers-invalid-passive/errors.json b/test/validator/samples/event-modifiers-invalid-passive/errors.json
index 93807d0a4ec..a92927685d7 100644
--- a/test/validator/samples/event-modifiers-invalid-passive/errors.json
+++ b/test/validator/samples/event-modifiers-invalid-passive/errors.json
@@ -3,13 +3,10 @@
 	"code": "invalid-event-modifier",
 	"start": {
 		"line": 1,
-		"column": 5,
-		"character": 5
+		"column": 5
 	},
 	"end": {
 		"line": 1,
-		"column": 50,
-		"character": 50
-	},
-	"pos": 5
+		"column": 50
+	}
 }]
diff --git a/test/validator/samples/event-modifiers-invalid/errors.json b/test/validator/samples/event-modifiers-invalid/errors.json
index ea6de4ce34b..b3a2c0017cc 100644
--- a/test/validator/samples/event-modifiers-invalid/errors.json
+++ b/test/validator/samples/event-modifiers-invalid/errors.json
@@ -1,15 +1,12 @@
 [{
-	"message": "Valid event modifiers are preventDefault, stopPropagation, capture, once, passive, nonpassive, self or trusted",
+	"message": "Valid event modifiers are preventDefault, stopPropagation, stopImmediatePropagation, capture, once, passive, nonpassive, self or trusted",
 	"code": "invalid-event-modifier",
 	"start": {
 		"line": 1,
-		"column": 8,
-		"character": 8
+		"column": 8
 	},
 	"end": {
 		"line": 1,
-		"column": 34,
-		"character": 34
-	},
-	"pos": 8
+		"column": 34
+	}
 }]
diff --git a/test/validator/samples/event-modifiers-legacy/errors.json b/test/validator/samples/event-modifiers-legacy/errors.json
index 2e340b7b2f6..cb6c345476d 100644
--- a/test/validator/samples/event-modifiers-legacy/errors.json
+++ b/test/validator/samples/event-modifiers-legacy/errors.json
@@ -3,13 +3,10 @@
 	"code": "invalid-event-modifier",
 	"start": {
 		"line": 1,
-		"column": 8,
-		"character": 8
+		"column": 8
 	},
 	"end": {
 		"line": 1,
-		"column": 37,
-		"character": 37
-	},
-	"pos": 8
+		"column": 37
+	}
 }]
diff --git a/test/validator/samples/event-modifiers-redundant/warnings.json b/test/validator/samples/event-modifiers-redundant/warnings.json
index e3b9110427e..e5ff27b7287 100644
--- a/test/validator/samples/event-modifiers-redundant/warnings.json
+++ b/test/validator/samples/event-modifiers-redundant/warnings.json
@@ -4,29 +4,23 @@
 		"code": "redundant-event-modifier",
 		"start": {
 			"line": 11,
-			"column": 8,
-			"character": 110
+			"column": 8
 		},
 		"end": {
 			"line": 11,
-			"column": 40,
-			"character": 142
-		},
-		"pos": 110
+			"column": 40
+		}
 	},
 	{
 		"message": "Touch event handlers that don't use the 'event' object are passive by default",
 		"code": "redundant-event-modifier",
 		"start": {
 			"line": 12,
-			"column": 5,
-			"character": 158
+			"column": 5
 		},
 		"end": {
 			"line": 12,
-			"column": 47,
-			"character": 200
-		},
-		"pos": 158
+			"column": 47
+		}
 	}
 ]
diff --git a/test/validator/samples/html-block-in-attribute/errors.json b/test/validator/samples/html-block-in-attribute/errors.json
new file mode 100644
index 00000000000..3e73629dc0a
--- /dev/null
+++ b/test/validator/samples/html-block-in-attribute/errors.json
@@ -0,0 +1,8 @@
+[
+	{
+		"code": "invalid-tag-placement",
+		"message": "{@html} tag cannot be in attribute value",
+		"start": { "line": 1, "column": 12 },
+		"end": { "line": 1, "column": 12 }
+	}
+]
diff --git a/test/validator/samples/html-block-in-attribute/input.svelte b/test/validator/samples/html-block-in-attribute/input.svelte
new file mode 100644
index 00000000000..46b8ca5b7e0
--- /dev/null
+++ b/test/validator/samples/html-block-in-attribute/input.svelte
@@ -0,0 +1 @@
+<div style="{@html text}" />
\ No newline at end of file
diff --git a/test/validator/samples/html-block-in-textarea/errors.json b/test/validator/samples/html-block-in-textarea/errors.json
new file mode 100644
index 00000000000..ea01211d4a3
--- /dev/null
+++ b/test/validator/samples/html-block-in-textarea/errors.json
@@ -0,0 +1,8 @@
+[
+	{
+		"code": "invalid-tag-placement",
+		"message": "{@html} tag cannot be inside <textarea>",
+		"start": { "line": 2, "column": 1 },
+		"end": { "line": 2, "column": 1 }
+	}
+]
diff --git a/test/validator/samples/html-block-in-textarea/input.svelte b/test/validator/samples/html-block-in-textarea/input.svelte
new file mode 100644
index 00000000000..5da8dbf75ad
--- /dev/null
+++ b/test/validator/samples/html-block-in-textarea/input.svelte
@@ -0,0 +1,3 @@
+<textarea>
+	{@html fruit}
+</textarea>
\ No newline at end of file
diff --git a/test/validator/samples/ignore-warning/warnings.json b/test/validator/samples/ignore-warning/warnings.json
index 6123fafae8a..51c940b807c 100644
--- a/test/validator/samples/ignore-warning/warnings.json
+++ b/test/validator/samples/ignore-warning/warnings.json
@@ -2,14 +2,11 @@
 	{
 		"code": "a11y-distracting-elements",
 		"end": {
-			"character": 131,
 			"column": 49,
 			"line": 4
 		},
 		"message": "A11y: Avoid <marquee> elements",
-		"pos": 83,
 		"start": {
-			"character": 83,
 			"column": 1,
 			"line": 4
 		}
@@ -17,16 +14,13 @@
 	{
 		"code": "a11y-missing-attribute",
 		"end": {
-			"character": 162,
 			"column": 22,
 			"line": 7
 		},
 		"message": "A11y: <img> element should have an alt attribute",
-		"pos": 140,
 		"start": {
-			"character": 140,
 			"column": 0,
 			"line": 7
 		}
 	}
-]
\ No newline at end of file
+]
diff --git a/test/validator/samples/ignore-warnings-cumulative/warnings.json b/test/validator/samples/ignore-warnings-cumulative/warnings.json
index 3ab413824d7..26add431e03 100644
--- a/test/validator/samples/ignore-warnings-cumulative/warnings.json
+++ b/test/validator/samples/ignore-warnings-cumulative/warnings.json
@@ -2,16 +2,13 @@
 	{
 		"code": "a11y-distracting-elements",
 		"end": {
-			"character": 161,
 			"column": 12,
 			"line": 7
 		},
 		"message": "A11y: Avoid <marquee> elements",
-		"pos": 104,
 		"start": {
-			"character": 104,
 			"column": 2,
 			"line": 5
 		}
 	}
-]
\ No newline at end of file
+]
diff --git a/test/validator/samples/ignore-warnings-newline/warnings.json b/test/validator/samples/ignore-warnings-newline/warnings.json
index 82474684442..03fade839ad 100644
--- a/test/validator/samples/ignore-warnings-newline/warnings.json
+++ b/test/validator/samples/ignore-warnings-newline/warnings.json
@@ -2,16 +2,13 @@
 	{
 		"code": "a11y-missing-attribute",
 		"end": {
-			"character": 207,
 			"column": 22,
 			"line": 8
 		},
 		"message": "A11y: <img> element should have an alt attribute",
-		"pos": 185,
 		"start": {
-			"character": 185,
 			"column": 0,
 			"line": 8
 		}
 	}
-]
\ No newline at end of file
+]
diff --git a/test/validator/samples/ignore-warnings-stacked/warnings.json b/test/validator/samples/ignore-warnings-stacked/warnings.json
index dd647d7cb29..03fade839ad 100644
--- a/test/validator/samples/ignore-warnings-stacked/warnings.json
+++ b/test/validator/samples/ignore-warnings-stacked/warnings.json
@@ -2,16 +2,13 @@
 	{
 		"code": "a11y-missing-attribute",
 		"end": {
-			"character": 211,
 			"column": 22,
 			"line": 8
 		},
 		"message": "A11y: <img> element should have an alt attribute",
-		"pos": 189,
 		"start": {
-			"character": 189,
 			"column": 0,
 			"line": 8
 		}
 	}
-]
\ No newline at end of file
+]
diff --git a/test/validator/samples/ignore-warnings/warnings.json b/test/validator/samples/ignore-warnings/warnings.json
index 576dfe76f47..9a5be15ae70 100644
--- a/test/validator/samples/ignore-warnings/warnings.json
+++ b/test/validator/samples/ignore-warnings/warnings.json
@@ -2,16 +2,13 @@
 	{
 		"code": "a11y-missing-attribute",
 		"end": {
-			"character": 188,
 			"column": 22,
 			"line": 7
 		},
 		"message": "A11y: <img> element should have an alt attribute",
-		"pos": 166,
 		"start": {
-			"character": 166,
 			"column": 0,
 			"line": 7
 		}
 	}
-]
\ No newline at end of file
+]
diff --git a/test/validator/samples/illegal-variable-declaration/errors.json b/test/validator/samples/illegal-variable-declaration/errors.json
index e3d273138e5..606fa5e0a6e 100644
--- a/test/validator/samples/illegal-variable-declaration/errors.json
+++ b/test/validator/samples/illegal-variable-declaration/errors.json
@@ -4,14 +4,11 @@
 		"message": "Cannot declare same variable name which is imported inside <script context=\"module\">",
 		"start": {
 			"line": 6,
-			"column": 1,
-			"character": 86
+			"column": 1
 		},
 		"end": {
 			"line": 6,
-			"column": 9,
-			"character": 94
-		},
-		"pos": 86
+			"column": 9
+		}
 	}
 ]
diff --git a/test/validator/samples/invalid-empty-css-declaration/errors.json b/test/validator/samples/invalid-empty-css-declaration/errors.json
index f141168077e..1f2876ba64e 100644
--- a/test/validator/samples/invalid-empty-css-declaration/errors.json
+++ b/test/validator/samples/invalid-empty-css-declaration/errors.json
@@ -2,11 +2,9 @@
 	"code": "invalid-declaration",
 	"message": "Declaration cannot be empty",
 	"start": {
-		"line": 11, "column": 0, "character": 93
+		"line": 11, "column": 0
 	},
-  	"end": {
-		"line": 11, "column": 0, "character": 93
-	},
-	"pos": 93,
-	"frame": " 9:     color: blue;\n10:   }\n11: </style>\n    ^"
-}]
\ No newline at end of file
+  "end": {
+		"line": 11, "column": 0
+	}
+}]
diff --git a/test/validator/samples/logic-block-in-attribute/errors.json b/test/validator/samples/logic-block-in-attribute/errors.json
new file mode 100644
index 00000000000..43c0fb94160
--- /dev/null
+++ b/test/validator/samples/logic-block-in-attribute/errors.json
@@ -0,0 +1,8 @@
+[
+	{
+		"code": "invalid-logic-block-placement",
+		"message": "{#if} logic block cannot be in attribute value",
+		"start": { "line": 1, "column": 12 },
+		"end": { "line": 1, "column": 12 }
+	}
+]
diff --git a/test/validator/samples/logic-block-in-attribute/input.svelte b/test/validator/samples/logic-block-in-attribute/input.svelte
new file mode 100644
index 00000000000..241529527cd
--- /dev/null
+++ b/test/validator/samples/logic-block-in-attribute/input.svelte
@@ -0,0 +1 @@
+<div style="{#if condition}a{/if}" />
\ No newline at end of file
diff --git a/test/validator/samples/logic-block-in-textarea/errors.json b/test/validator/samples/logic-block-in-textarea/errors.json
new file mode 100644
index 00000000000..d0070890894
--- /dev/null
+++ b/test/validator/samples/logic-block-in-textarea/errors.json
@@ -0,0 +1,8 @@
+[
+	{
+		"code": "invalid-logic-block-placement",
+		"message": "{#each} logic block cannot be inside <textarea>",
+		"start": { "line": 2, "column": 1 },
+		"end": { "line": 2, "column": 1 }
+	}
+]
diff --git a/test/validator/samples/logic-block-in-textarea/input.svelte b/test/validator/samples/logic-block-in-textarea/input.svelte
new file mode 100644
index 00000000000..63fdd9fbaae
--- /dev/null
+++ b/test/validator/samples/logic-block-in-textarea/input.svelte
@@ -0,0 +1,5 @@
+<textarea>
+	{#each fruits as fruit}
+		{fruit}
+	{/each}
+</textarea>
\ No newline at end of file
diff --git a/test/validator/samples/missing-component-global/warnings.json b/test/validator/samples/missing-component-global/warnings.json
index c9de56619a0..0babeadd814 100644
--- a/test/validator/samples/missing-component-global/warnings.json
+++ b/test/validator/samples/missing-component-global/warnings.json
@@ -3,13 +3,10 @@
 	"message": "'String' is not defined. Consider adding a <script> block with 'export let String' to declare a prop",
 	"start": {
 		"line": 2,
-		"column": 1,
-		"character": 7
+		"column": 1
 	},
 	"end": {
 		"line": 2,
-		"column": 10,
-		"character": 16
-	},
-	"pos": 7
-}]
\ No newline at end of file
+		"column": 10
+	}
+}]
diff --git a/test/validator/samples/missing-component/warnings.json b/test/validator/samples/missing-component/warnings.json
index 9c95cd81f17..5cd4eb6ba69 100644
--- a/test/validator/samples/missing-component/warnings.json
+++ b/test/validator/samples/missing-component/warnings.json
@@ -3,13 +3,10 @@
 	"message": "'Widget' is not defined. Consider adding a <script> block with 'export let Widget' to declare a prop",
 	"start": {
 		"line": 2,
-		"column": 1,
-		"character": 7
+		"column": 1
 	},
 	"end": {
 		"line": 2,
-		"column": 10,
-		"character": 16
-	},
-	"pos": 7
-}]
\ No newline at end of file
+		"column": 10
+	}
+}]
diff --git a/test/validator/samples/missing-custom-element-compile-options/warnings.json b/test/validator/samples/missing-custom-element-compile-options/warnings.json
index 8d6d574fb28..243623f51c4 100644
--- a/test/validator/samples/missing-custom-element-compile-options/warnings.json
+++ b/test/validator/samples/missing-custom-element-compile-options/warnings.json
@@ -2,14 +2,11 @@
 	{
 		"code": "missing-custom-element-compile-options",
 		"end": {
-			"character": 36,
 			"column": 36,
 			"line": 1
 		},
 		"message": "The 'tag' option is used when generating a custom element. Did you forget the 'customElement: true' compile option?",
-		"pos": 16,
 		"start": {
-			"character": 16,
 			"column": 16,
 			"line": 1
 		}
diff --git a/test/validator/samples/module-script-reactive-declaration/warnings.json b/test/validator/samples/module-script-reactive-declaration/warnings.json
index b1aa74dbccb..394e84d0ade 100644
--- a/test/validator/samples/module-script-reactive-declaration/warnings.json
+++ b/test/validator/samples/module-script-reactive-declaration/warnings.json
@@ -1,7 +1,6 @@
 [{
 	"message": "$: has no effect in a module script",
 	"code": "module-script-reactive-declaration",
-	"start": { "line": 4, "column": 1, "character": 54 },
-	"end": { "line": 4, "column": 23, "character": 76 },
-	"pos": 54
+	"start": { "line": 4, "column": 1 },
+	"end": { "line": 4, "column": 23 }
 }]
diff --git a/test/validator/samples/multiple-script-default-context/errors.json b/test/validator/samples/multiple-script-default-context/errors.json
index 6f0637b51b8..0287a6392fd 100644
--- a/test/validator/samples/multiple-script-default-context/errors.json
+++ b/test/validator/samples/multiple-script-default-context/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-script",
 	"message": "A component can only have one instance-level <script> element",
-	"pos": 30,
 	"start": {
 		"line": 5,
-		"column": 0,
-		"character": 30
+		"column": 0
 	},
 	"end": {
 		"line": 5,
-		"column": 0,
-		"character": 30
+		"column": 0
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/multiple-script-module-context/errors.json b/test/validator/samples/multiple-script-module-context/errors.json
index 7b86c619268..81f00b493a6 100644
--- a/test/validator/samples/multiple-script-module-context/errors.json
+++ b/test/validator/samples/multiple-script-module-context/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-script",
 	"message": "A component can only have one <script context=\"module\"> element",
-	"pos": 47,
 	"start": {
 		"line": 5,
-		"column": 0,
-		"character": 47
+		"column": 0
 	},
 	"end": {
 		"line": 5,
-		"column": 0,
-		"character": 47
+		"column": 0
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/namespace-invalid-unguessable/errors.json b/test/validator/samples/namespace-invalid-unguessable/errors.json
index 50288aa2c6a..8cf7fb29bcc 100644
--- a/test/validator/samples/namespace-invalid-unguessable/errors.json
+++ b/test/validator/samples/namespace-invalid-unguessable/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-namespace-property",
 	"message": "Invalid namespace 'lol'",
-	"pos": 16,
 	"start": {
 		"line": 1,
-		"column": 16,
-		"character": 16
+		"column": 16
 	},
 	"end": {
 		"line": 1,
-		"column": 31,
-		"character": 31
+		"column": 31
 	}
 }]
diff --git a/test/validator/samples/namespace-invalid/errors.json b/test/validator/samples/namespace-invalid/errors.json
index ddb49a33e01..ae9cf640f01 100644
--- a/test/validator/samples/namespace-invalid/errors.json
+++ b/test/validator/samples/namespace-invalid/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-namespace-property",
 	"message": "Invalid namespace 'http://www.w3.org/1999/svg' (did you mean 'http://www.w3.org/2000/svg'?)",
-	"pos": 16,
 	"start": {
 		"line": 1,
-		"column": 16,
-		"character": 16
+		"column": 16
 	},
 	"end": {
 		"line": 1,
-		"column": 54,
-		"character": 54
+		"column": 54
 	}
 }]
diff --git a/test/validator/samples/namespace-non-literal/errors.json b/test/validator/samples/namespace-non-literal/errors.json
index c365065e48d..850a27bd5da 100644
--- a/test/validator/samples/namespace-non-literal/errors.json
+++ b/test/validator/samples/namespace-non-literal/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-namespace-attribute",
 	"message": "The 'namespace' attribute must be a string literal representing a valid namespace",
-	"pos": 16,
 	"start": {
 		"line": 1,
-		"column": 16,
-		"character": 16
+		"column": 16
 	},
 	"end": {
 		"line": 1,
-		"column": 30,
-		"character": 30
+		"column": 30
 	}
 }]
diff --git a/test/validator/samples/reactive-declaration-cyclical/errors.json b/test/validator/samples/reactive-declaration-cyclical/errors.json
index 9a80d9fb293..bc6947a12a1 100644
--- a/test/validator/samples/reactive-declaration-cyclical/errors.json
+++ b/test/validator/samples/reactive-declaration-cyclical/errors.json
@@ -1,7 +1,6 @@
 [{
 	"message": "Cyclical dependency detected: a → b → a",
 	"code": "cyclical-reactive-declaration",
-	"start": { "line": 5, "column": 1, "character": 35 },
-	"end": { "line": 5, "column": 14, "character": 48 },
-	"pos": 35
+	"start": { "line": 5, "column": 1 },
+	"end": { "line": 5, "column": 14 }
 }]
diff --git a/test/validator/samples/reactive-declaration-non-top-level/warnings.json b/test/validator/samples/reactive-declaration-non-top-level/warnings.json
index 87944642cd1..11034a90775 100644
--- a/test/validator/samples/reactive-declaration-non-top-level/warnings.json
+++ b/test/validator/samples/reactive-declaration-non-top-level/warnings.json
@@ -1,7 +1,6 @@
 [{
 	"message": "$: has no effect outside of the top-level",
 	"code": "non-top-level-reactive-declaration",
-	"start": { "line": 6, "column": 2, "character": 71 },
-	"end": { "line": 6, "column": 22, "character": 91 },
-	"pos": 71
+	"start": { "line": 6, "column": 2 },
+	"end": { "line": 6, "column": 22 }
 }]
diff --git a/test/validator/samples/reactive-module-variable/warnings.json b/test/validator/samples/reactive-module-variable/warnings.json
index d08fc1309f0..5fb84a85052 100644
--- a/test/validator/samples/reactive-module-variable/warnings.json
+++ b/test/validator/samples/reactive-module-variable/warnings.json
@@ -2,14 +2,11 @@
 	{
 		"code": "module-script-reactive-declaration",
 		"message": "\"foo\" is declared in a module script and will not be reactive",
-		"pos": 59,
 		"start": {
-			"character": 59,
 			"column": 4,
 			"line": 5
 		},
 		"end": {
-			"character": 69,
 			"column": 14,
 			"line": 5
 		}
diff --git a/test/validator/samples/ref-not-supported-in-css/errors.json b/test/validator/samples/ref-not-supported-in-css/errors.json
index 3227c14cf7c..d5a241a7245 100644
--- a/test/validator/samples/ref-not-supported-in-css/errors.json
+++ b/test/validator/samples/ref-not-supported-in-css/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-ref-selector",
 	"message": "ref selectors are no longer supported",
-	"pos": 68,
 	"start": {
 		"line": 8,
-		"column": 1,
-		"character": 68
+		"column": 1
 	},
 	"end": {
 		"line": 8,
-		"column": 1,
-		"character": 68
+		"column": 1
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/ref-not-supported/errors.json b/test/validator/samples/ref-not-supported/errors.json
index 43c8c07615c..7a2ccfd78a6 100644
--- a/test/validator/samples/ref-not-supported/errors.json
+++ b/test/validator/samples/ref-not-supported/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-ref-directive",
 	"message": "The ref directive is no longer supported — use `bind:this={foo}` instead",
-	"pos": 5,
 	"start": {
 		"line": 1,
-		"column": 5,
-		"character": 5
+		"column": 5
 	},
 	"end": {
 		"line": 1,
-		"column": 5,
-		"character": 5
+		"column": 5
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/rest-eachblock-binding-2/input.svelte b/test/validator/samples/rest-eachblock-binding-2/input.svelte
new file mode 100644
index 00000000000..d92557673bf
--- /dev/null
+++ b/test/validator/samples/rest-eachblock-binding-2/input.svelte
@@ -0,0 +1,11 @@
+<script>
+	let objArray = [
+		[1, 2, 3, "4"],
+		[5, 6, 7, "8"],
+	];
+</script>
+
+{#each objArray as [id, ...rest] (id)}
+	<input bind:value={rest[0]} type="text" placeholder={rest[2]} />
+	<br />
+{/each}
diff --git a/test/validator/samples/rest-eachblock-binding-2/warnings.json b/test/validator/samples/rest-eachblock-binding-2/warnings.json
new file mode 100644
index 00000000000..a471dd6a868
--- /dev/null
+++ b/test/validator/samples/rest-eachblock-binding-2/warnings.json
@@ -0,0 +1,8 @@
+[
+  {
+    "code": "invalid-rest-eachblock-binding",
+    "message": "...rest operator will create a new object and binding propagation with original object will not work",
+    "start": { "line": 8, "column": 24 },
+		"end": { "line": 8, "column": 31 }
+  }
+]
diff --git a/test/validator/samples/rest-eachblock-binding-3/input.svelte b/test/validator/samples/rest-eachblock-binding-3/input.svelte
new file mode 100644
index 00000000000..b8bae0cd7f1
--- /dev/null
+++ b/test/validator/samples/rest-eachblock-binding-3/input.svelte
@@ -0,0 +1,8 @@
+<script>
+	let objArray = [{ bar: {foo: '1', id: 0, innerValue: "test"} }, { bar: {foo: '2', id:1, innerValue: "Somethin"} }]
+</script>
+
+{#each objArray as { bar: { id, ...rest } } (id)}
+	<input bind:value={rest.innerValue} type="text" placeholder={rest.foo}/>
+	<br/>
+{/each}
diff --git a/test/validator/samples/rest-eachblock-binding-3/warnings.json b/test/validator/samples/rest-eachblock-binding-3/warnings.json
new file mode 100644
index 00000000000..eda7e1fc5d9
--- /dev/null
+++ b/test/validator/samples/rest-eachblock-binding-3/warnings.json
@@ -0,0 +1,8 @@
+[
+  {
+    "code": "invalid-rest-eachblock-binding",
+    "message": "...rest operator will create a new object and binding propagation with original object will not work",
+    "start": { "line": 5, "column": 32 },
+		"end": { "line": 5, "column": 39 }
+  }
+]
diff --git a/test/validator/samples/rest-eachblock-binding/input.svelte b/test/validator/samples/rest-eachblock-binding/input.svelte
new file mode 100644
index 00000000000..7b967054480
--- /dev/null
+++ b/test/validator/samples/rest-eachblock-binding/input.svelte
@@ -0,0 +1,8 @@
+<script>
+	let objArray = [{foo: '1', id: 0, innerValue: "test"}, {foo: '2', id:1, innerValue: "Somethin"}]
+</script>
+
+{#each objArray as { id, ...rest } (id)}
+	<input bind:value={rest.innerValue} type="text" placeholder={rest.foo}/>
+	<br/>
+{/each}
diff --git a/test/validator/samples/rest-eachblock-binding/warnings.json b/test/validator/samples/rest-eachblock-binding/warnings.json
new file mode 100644
index 00000000000..35fb2d0b6e9
--- /dev/null
+++ b/test/validator/samples/rest-eachblock-binding/warnings.json
@@ -0,0 +1,8 @@
+[
+  {
+    "code": "invalid-rest-eachblock-binding",
+    "message": "...rest operator will create a new object and binding propagation with original object will not work",
+		"start": { "line": 5, "column": 25 },
+    "end": { "line": 5, "column": 32 }
+  }
+]
diff --git a/test/validator/samples/script-invalid-context/errors.json b/test/validator/samples/script-invalid-context/errors.json
index 07ad0f12701..4847ff7cbbc 100644
--- a/test/validator/samples/script-invalid-context/errors.json
+++ b/test/validator/samples/script-invalid-context/errors.json
@@ -1,15 +1,12 @@
 [{
 	"code": "invalid-script",
 	"message": "If the context attribute is supplied, its value must be \"module\"",
-	"pos": 8,
 	"start": {
 		"line": 1,
-		"column": 8,
-		"character": 8
+		"column": 8
 	},
 	"end": {
 		"line": 1,
-		"column": 8,
-		"character": 8
+		"column": 8
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/security-anchor-rel-noreferer-legacy/_config.js b/test/validator/samples/security-anchor-rel-noreferer-legacy/_config.js
new file mode 100644
index 00000000000..52f59c8767d
--- /dev/null
+++ b/test/validator/samples/security-anchor-rel-noreferer-legacy/_config.js
@@ -0,0 +1,3 @@
+export default {
+	legacy: true
+};
diff --git a/test/validator/samples/security-anchor-rel-noreferer-legacy/input.svelte b/test/validator/samples/security-anchor-rel-noreferer-legacy/input.svelte
new file mode 100644
index 00000000000..f5361e5cfea
--- /dev/null
+++ b/test/validator/samples/security-anchor-rel-noreferer-legacy/input.svelte
@@ -0,0 +1,33 @@
+<a href="https://svelte.dev" target="_blank">svelte website (invalid)</a>
+<a href="https://svelte.dev" target="_blank" rel="">svelte website (invalid)</a>
+<a href="https://svelte.dev" target="_blank" rel="noopener">svelte website (invalid)</a>
+<a href={'https://svelte.dev'} target="_blank">svelte website (invalid)</a>
+<a href={'https://svelte.dev'} target="_blank" rel="">svelte website (invalid)</a>
+<a href={'https://svelte.dev'} target="_blank" rel="noopener">svelte website (invalid)</a>
+<a href="//svelte.dev" target="_blank">svelte website (invalid)</a>
+<a href="//svelte.dev" target="_blank" rel="">svelte website (invalid)</a>
+<a href="//svelte.dev" target="_blank" rel="noopener">svelte website (invalid)</a>
+<a href="http://svelte.dev" target="_blank">svelte website (invalid)</a>
+<a href="http://svelte.dev" target="_blank" rel="">svelte website (invalid)</a>
+<a href="http://svelte.dev" target="_blank" rel="noopener">svelte website (invalid)</a>
+<a href="HTTP://svelte.dev" target="_blank">svelte website (invalid)</a>
+<a href="HTTP://svelte.dev" target="_blank" rel="">svelte website (invalid)</a>
+<a href="HTTP://svelte.dev" target="_blank" rel="noopener">svelte website (invalid)</a>
+<a href={'HTTPS://svelte.dev'} target="_blank">svelte website (invalid)</a>
+<a href={'HTTPS://svelte.dev'} target="_blank" rel="">svelte website (invalid)</a>
+<a href={'HTTPS://svelte.dev'} target="_blank" rel="noopener">svelte website (invalid)</a>
+<a href="same-host" target="_blank">Same host (valid)</a>
+<a href="same-host" target="_blank" rel="">Same host (valid)</a>
+<a href="same-host" target="_blank" rel="noopener">Same host (valid)</a>
+<a href="http://svelte.dev" target="_blank" rel="noreferrer">svelte website (valid)</a>
+<a href="http://svelte.dev" target="_blank" rel="noreferrer noopener">svelte website (valid)</a>
+<a href="HTTP://svelte.dev" target="_blank" rel="noreferrer">svelte website (valid)</a>
+<a href="HTTP://svelte.dev" target="_blank" rel="noreferrer noopener">svelte website (valid)</a>
+<a href="https://svelte.dev" target="_blank" rel="noreferrer">svelte website (valid)</a>
+<a href="https://svelte.dev" target="_blank" rel="noreferrer noopener">svelte website (valid)</a>
+<a href="HTTPS://svelte.dev" target="_blank" rel="noreferrer">svelte website (valid)</a>
+<a href="HTTPS://svelte.dev" target="_blank" rel="noreferrer noopener">svelte website (valid)</a>
+<a href="//svelte.dev" target="_blank" rel="noreferrer">svelte website (valid)</a>
+<a href="//svelte.dev" target="_blank" rel="noreferrer noopener">svelte website (valid)</a>
+<!-- dynamic rel value should not warn-->
+<a href="//svelte.dev" target="_blank" rel={`${Math.random()}`}>svelte website (valid)</a>
diff --git a/test/validator/samples/security-anchor-rel-noreferer-legacy/warnings.json b/test/validator/samples/security-anchor-rel-noreferer-legacy/warnings.json
new file mode 100644
index 00000000000..2986f137e77
--- /dev/null
+++ b/test/validator/samples/security-anchor-rel-noreferer-legacy/warnings.json
@@ -0,0 +1,218 @@
+[
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 73,
+			"line": 1
+		},
+		"start": {
+			"column": 0,
+			"line": 1
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 80,
+			"line": 2
+		},
+		"start": {
+			"column": 0,
+			"line": 2
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 88,
+			"line": 3
+		},
+		"start": {
+			"column": 0,
+			"line": 3
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 75,
+			"line": 4
+		},
+		"start": {
+			"column": 0,
+			"line": 4
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 82,
+			"line": 5
+		},
+		"start": {
+			"column": 0,
+			"line": 5
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 90,
+			"line": 6
+		},
+		"start": {
+			"column": 0,
+			"line": 6
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 67,
+			"line": 7
+		},
+		"start": {
+			"column": 0,
+			"line": 7
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 74,
+			"line": 8
+		},
+		"start": {
+			"column": 0,
+			"line": 8
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 82,
+			"line": 9
+		},
+		"start": {
+			"column": 0,
+			"line": 9
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 72,
+			"line": 10
+		},
+		"start": {
+			"column": 0,
+			"line": 10
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 79,
+			"line": 11
+		},
+		"start": {
+			"column": 0,
+			"line": 11
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 87,
+			"line": 12
+		},
+		"start": {
+			"column": 0,
+			"line": 12
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 72,
+			"line": 13
+		},
+		"start": {
+			"column": 0,
+			"line": 13
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 79,
+			"line": 14
+		},
+		"start": {
+			"column": 0,
+			"line": 14
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 87,
+			"line": 15
+		},
+		"start": {
+			"column": 0,
+			"line": 15
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 75,
+			"line": 16
+		},
+		"start": {
+			"column": 0,
+			"line": 16
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 82,
+			"line": 17
+		},
+		"start": {
+			"column": 0,
+			"line": 17
+		}
+	},
+	{
+		"code": "security-anchor-rel-noreferrer",
+		"message": "Security: Anchor with \"target=_blank\" should have rel attribute containing the value \"noreferrer\"",
+		"end": {
+			"column": 90,
+			"line": 18
+		},
+		"start": {
+			"column": 0,
+			"line": 18
+		}
+	}
+]
diff --git a/test/validator/samples/security-anchor-rel-noreferer/input.svelte b/test/validator/samples/security-anchor-rel-noreferer/input.svelte
new file mode 100644
index 00000000000..f5361e5cfea
--- /dev/null
+++ b/test/validator/samples/security-anchor-rel-noreferer/input.svelte
@@ -0,0 +1,33 @@
+<a href="https://svelte.dev" target="_blank">svelte website (invalid)</a>
+<a href="https://svelte.dev" target="_blank" rel="">svelte website (invalid)</a>
+<a href="https://svelte.dev" target="_blank" rel="noopener">svelte website (invalid)</a>
+<a href={'https://svelte.dev'} target="_blank">svelte website (invalid)</a>
+<a href={'https://svelte.dev'} target="_blank" rel="">svelte website (invalid)</a>
+<a href={'https://svelte.dev'} target="_blank" rel="noopener">svelte website (invalid)</a>
+<a href="//svelte.dev" target="_blank">svelte website (invalid)</a>
+<a href="//svelte.dev" target="_blank" rel="">svelte website (invalid)</a>
+<a href="//svelte.dev" target="_blank" rel="noopener">svelte website (invalid)</a>
+<a href="http://svelte.dev" target="_blank">svelte website (invalid)</a>
+<a href="http://svelte.dev" target="_blank" rel="">svelte website (invalid)</a>
+<a href="http://svelte.dev" target="_blank" rel="noopener">svelte website (invalid)</a>
+<a href="HTTP://svelte.dev" target="_blank">svelte website (invalid)</a>
+<a href="HTTP://svelte.dev" target="_blank" rel="">svelte website (invalid)</a>
+<a href="HTTP://svelte.dev" target="_blank" rel="noopener">svelte website (invalid)</a>
+<a href={'HTTPS://svelte.dev'} target="_blank">svelte website (invalid)</a>
+<a href={'HTTPS://svelte.dev'} target="_blank" rel="">svelte website (invalid)</a>
+<a href={'HTTPS://svelte.dev'} target="_blank" rel="noopener">svelte website (invalid)</a>
+<a href="same-host" target="_blank">Same host (valid)</a>
+<a href="same-host" target="_blank" rel="">Same host (valid)</a>
+<a href="same-host" target="_blank" rel="noopener">Same host (valid)</a>
+<a href="http://svelte.dev" target="_blank" rel="noreferrer">svelte website (valid)</a>
+<a href="http://svelte.dev" target="_blank" rel="noreferrer noopener">svelte website (valid)</a>
+<a href="HTTP://svelte.dev" target="_blank" rel="noreferrer">svelte website (valid)</a>
+<a href="HTTP://svelte.dev" target="_blank" rel="noreferrer noopener">svelte website (valid)</a>
+<a href="https://svelte.dev" target="_blank" rel="noreferrer">svelte website (valid)</a>
+<a href="https://svelte.dev" target="_blank" rel="noreferrer noopener">svelte website (valid)</a>
+<a href="HTTPS://svelte.dev" target="_blank" rel="noreferrer">svelte website (valid)</a>
+<a href="HTTPS://svelte.dev" target="_blank" rel="noreferrer noopener">svelte website (valid)</a>
+<a href="//svelte.dev" target="_blank" rel="noreferrer">svelte website (valid)</a>
+<a href="//svelte.dev" target="_blank" rel="noreferrer noopener">svelte website (valid)</a>
+<!-- dynamic rel value should not warn-->
+<a href="//svelte.dev" target="_blank" rel={`${Math.random()}`}>svelte website (valid)</a>
diff --git a/test/validator/samples/security-anchor-rel-noreferer/warnings.json b/test/validator/samples/security-anchor-rel-noreferer/warnings.json
new file mode 100644
index 00000000000..fe51488c706
--- /dev/null
+++ b/test/validator/samples/security-anchor-rel-noreferer/warnings.json
@@ -0,0 +1 @@
+[]
diff --git a/test/validator/samples/slot-attribute-invalid/errors.json b/test/validator/samples/slot-attribute-invalid/errors.json
index a75fdc065c2..a078405a30e 100644
--- a/test/validator/samples/slot-attribute-invalid/errors.json
+++ b/test/validator/samples/slot-attribute-invalid/errors.json
@@ -3,13 +3,10 @@
 	"message": "Element with a slot='...' attribute must be a child of a component or a descendant of a custom element",
 	"start": {
 		"line": 1,
-		"column": 5,
-		"character": 5
+		"column": 5
 	},
 	"end": {
 		"line": 1,
-		"column": 15,
-		"character": 15
-	},
-	"pos": 5
+		"column": 15
+	}
 }]
diff --git a/test/validator/samples/slot-warning-ignore/input.svelte b/test/validator/samples/slot-warning-ignore/input.svelte
new file mode 100644
index 00000000000..003b5bde635
--- /dev/null
+++ b/test/validator/samples/slot-warning-ignore/input.svelte
@@ -0,0 +1,8 @@
+<script>
+	import Component from './Component.svelte';
+</script>
+
+<Component>
+	<!-- svelte-ignore a11y-click-events-have-key-events -->
+	<div slot='foo' on:click>hi!</div>
+</Component>
diff --git a/test/validator/samples/slot-warning-ignore/warnings.json b/test/validator/samples/slot-warning-ignore/warnings.json
new file mode 100644
index 00000000000..fe51488c706
--- /dev/null
+++ b/test/validator/samples/slot-warning-ignore/warnings.json
@@ -0,0 +1 @@
+[]
diff --git a/test/validator/samples/slot-warning/input.svelte b/test/validator/samples/slot-warning/input.svelte
new file mode 100644
index 00000000000..3d60236edcb
--- /dev/null
+++ b/test/validator/samples/slot-warning/input.svelte
@@ -0,0 +1,7 @@
+<script>
+	import Component from './Component.svelte';
+</script>
+
+<Component>
+	<div slot='foo' on:click>hi!</div>
+</Component>
diff --git a/test/validator/samples/slot-warning/warnings.json b/test/validator/samples/slot-warning/warnings.json
new file mode 100644
index 00000000000..66ae0fa3a7a
--- /dev/null
+++ b/test/validator/samples/slot-warning/warnings.json
@@ -0,0 +1,14 @@
+[
+	{
+		"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.",
+		"start": {
+			"column": 1,
+			"line": 6
+		},
+		"end": {
+			"column": 35,
+			"line": 6
+		}
+	}
+]
diff --git a/test/validator/samples/slot-warning2/input.svelte b/test/validator/samples/slot-warning2/input.svelte
new file mode 100644
index 00000000000..ab3c52d35d1
--- /dev/null
+++ b/test/validator/samples/slot-warning2/input.svelte
@@ -0,0 +1,8 @@
+<script>
+	import Component from './Component.svelte';
+</script>
+
+<Component>
+	<!-- svelte-ignore unrelated-warning -->
+	<div slot='foo' on:click>hi!</div>
+</Component>
diff --git a/test/validator/samples/slot-warning2/warnings.json b/test/validator/samples/slot-warning2/warnings.json
new file mode 100644
index 00000000000..52157ecc452
--- /dev/null
+++ b/test/validator/samples/slot-warning2/warnings.json
@@ -0,0 +1,14 @@
+[
+	{
+		"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.",
+		"start": {
+			"column": 1,
+			"line": 7
+		},
+		"end": {
+			"column": 35,
+			"line": 7
+		}
+	}
+]
diff --git a/test/validator/samples/style-directive-modifiers-invalid/errors.json b/test/validator/samples/style-directive-modifiers-invalid/errors.json
new file mode 100644
index 00000000000..02a9f80303a
--- /dev/null
+++ b/test/validator/samples/style-directive-modifiers-invalid/errors.json
@@ -0,0 +1,12 @@
+[{
+	"message": "Valid modifiers for style directives are: important",
+	"code": "invalid-style-directive-modifier",
+	"start": {
+		"line": 1,
+		"column": 8
+	},
+	"end": {
+		"line": 1,
+		"column": 29
+	}
+}]
diff --git a/test/validator/samples/style-directive-modifiers-invalid/input.svelte b/test/validator/samples/style-directive-modifiers-invalid/input.svelte
new file mode 100644
index 00000000000..5fd7b1b1b57
--- /dev/null
+++ b/test/validator/samples/style-directive-modifiers-invalid/input.svelte
@@ -0,0 +1 @@
+<button style:color|bad='red'></button>
\ No newline at end of file
diff --git a/test/validator/samples/svelte-fragment-placement-2/errors.json b/test/validator/samples/svelte-fragment-placement-2/errors.json
new file mode 100644
index 00000000000..871e5f5de05
--- /dev/null
+++ b/test/validator/samples/svelte-fragment-placement-2/errors.json
@@ -0,0 +1,8 @@
+[
+	{
+		"code": "invalid-slotted-content",
+		"message": "<svelte:fragment> must be a child of a component",
+		"start": { "line": 5, "column": 0 },
+		"end": { "line": 7, "column": 18 }
+	}
+]
diff --git a/test/validator/samples/svelte-slot-placement-2/input.svelte b/test/validator/samples/svelte-fragment-placement-2/input.svelte
similarity index 100%
rename from test/validator/samples/svelte-slot-placement-2/input.svelte
rename to test/validator/samples/svelte-fragment-placement-2/input.svelte
diff --git a/test/validator/samples/svelte-fragment-placement/errors.json b/test/validator/samples/svelte-fragment-placement/errors.json
new file mode 100644
index 00000000000..6635953209f
--- /dev/null
+++ b/test/validator/samples/svelte-fragment-placement/errors.json
@@ -0,0 +1,8 @@
+[
+	{
+		"code": "invalid-slotted-content",
+		"message": "<svelte:fragment> must be a child of a component",
+		"start": { "line": 7, "column": 2 },
+		"end": { "line": 9, "column": 20 }
+	}
+]
diff --git a/test/validator/samples/svelte-slot-placement/input.svelte b/test/validator/samples/svelte-fragment-placement/input.svelte
similarity index 100%
rename from test/validator/samples/svelte-slot-placement/input.svelte
rename to test/validator/samples/svelte-fragment-placement/input.svelte
diff --git a/test/validator/samples/svelte-slot-placement-2/errors.json b/test/validator/samples/svelte-slot-placement-2/errors.json
deleted file mode 100644
index 5659b35e7d5..00000000000
--- a/test/validator/samples/svelte-slot-placement-2/errors.json
+++ /dev/null
@@ -1,9 +0,0 @@
-[
-	{
-		"code": "invalid-slotted-content",
-		"message": "<svelte:fragment> must be a child of a component",
-		"start": { "line": 5, "column": 0, "character": 59 },
-		"end": { "line": 7, "column": 18, "character": 112 },
-		"pos": 59
-	}
-]
diff --git a/test/validator/samples/svelte-slot-placement/errors.json b/test/validator/samples/svelte-slot-placement/errors.json
deleted file mode 100644
index ce825243f04..00000000000
--- a/test/validator/samples/svelte-slot-placement/errors.json
+++ /dev/null
@@ -1,9 +0,0 @@
-[
-	{
-		"code": "invalid-slotted-content",
-		"message": "<svelte:fragment> must be a child of a component",
-		"start": { "line": 7, "column": 2, "character": 77 },
-		"end": { "line": 9, "column": 20, "character": 134 },
-		"pos": 77
-	}
-]
diff --git a/test/validator/samples/tag-custom-element-options-missing/warnings.json b/test/validator/samples/tag-custom-element-options-missing/warnings.json
index 185c6c31799..a1927f41dfd 100644
--- a/test/validator/samples/tag-custom-element-options-missing/warnings.json
+++ b/test/validator/samples/tag-custom-element-options-missing/warnings.json
@@ -1,15 +1,12 @@
-[{
-		"code": "missing-custom-element-compile-options",
-		"message": "The 'tag' option is used when generating a custom element. Did you forget the 'customElement: true' compile option?",
-		"start": {
-				"line": 1,
-				"column": 16,
-				"character": 16
-		},
-		"end": {
-				"line": 1,
-				"column": 36,
-				"character": 36
-		},
-		"pos": 16
-}]
+[{
+		"code": "missing-custom-element-compile-options",
+		"message": "The 'tag' option is used when generating a custom element. Did you forget the 'customElement: true' compile option?",
+		"start": {
+				"line": 1,
+				"column": 16
+		},
+		"end": {
+				"line": 1,
+				"column": 36
+		}
+}]
diff --git a/test/validator/samples/tag-invalid/errors.json b/test/validator/samples/tag-invalid/errors.json
index e6daa8433e8..f3aef07feac 100644
--- a/test/validator/samples/tag-invalid/errors.json
+++ b/test/validator/samples/tag-invalid/errors.json
@@ -3,13 +3,10 @@
 	"message": "tag name must be two or more words joined by the '-' character",
 	"start": {
 		"line": 1,
-		"column": 16,
-		"character": 16
+		"column": 16
 	},
 	"end": {
 		"line": 1,
-		"column": 29,
-		"character": 29
-	},
-	"pos": 16
+		"column": 29
+	}
 }]
diff --git a/test/validator/samples/tag-non-string/errors.json b/test/validator/samples/tag-non-string/errors.json
index 5736daaac63..4180448df22 100644
--- a/test/validator/samples/tag-non-string/errors.json
+++ b/test/validator/samples/tag-non-string/errors.json
@@ -3,13 +3,10 @@
 	"message": "'tag' must be a string literal",
 	"start": {
 		"line": 1,
-		"column": 16,
-		"character": 16
+		"column": 16
 	},
 	"end": {
 		"line": 1,
-		"column": 24,
-		"character": 24
-	},
-	"pos": 16
+		"column": 24
+	}
 }]
diff --git a/test/validator/samples/textarea-value-children/errors.json b/test/validator/samples/textarea-value-children/errors.json
index 551071e6d1a..a8b78afa891 100644
--- a/test/validator/samples/textarea-value-children/errors.json
+++ b/test/validator/samples/textarea-value-children/errors.json
@@ -3,13 +3,10 @@
 	"message": "A <textarea> can have either a value attribute or (equivalently) child content, but not both",
 	"start": {
 		"line": 1,
-		"column": 10,
-		"character": 10
+		"column": 10
 	},
 	"end": {
 		"line": 1,
-		"column": 23,
-		"character": 23
-	},
-	"pos": 10
-}]
\ No newline at end of file
+		"column": 23
+	}
+}]
diff --git a/test/validator/samples/title-no-attributes/errors.json b/test/validator/samples/title-no-attributes/errors.json
index 4e9f133bd4c..0b05b8fa1a7 100644
--- a/test/validator/samples/title-no-attributes/errors.json
+++ b/test/validator/samples/title-no-attributes/errors.json
@@ -3,13 +3,10 @@
 	"message": "<title> cannot have attributes",
 	"start": {
 		"line": 2,
-		"column": 8,
-		"character": 22
+		"column": 8
 	},
 	"end": {
 		"line": 2,
-		"column": 25,
-		"character": 39
-	},
-	"pos": 22
-}]
\ No newline at end of file
+		"column": 25
+	}
+}]
diff --git a/test/validator/samples/title-no-children/errors.json b/test/validator/samples/title-no-children/errors.json
index 37179189d2a..d748b1a8f51 100644
--- a/test/validator/samples/title-no-children/errors.json
+++ b/test/validator/samples/title-no-children/errors.json
@@ -3,13 +3,10 @@
 	"message": "<title> can only contain text and {tags}",
 	"start": {
 		"line": 2,
-		"column": 11,
-		"character": 25
+		"column": 11
 	},
 	"end": {
 		"line": 2,
-		"column": 35,
-		"character": 49
-	},
-	"pos": 25
-}]
\ No newline at end of file
+		"column": 35
+	}
+}]
diff --git a/test/validator/samples/transition-duplicate-in-transition/errors.json b/test/validator/samples/transition-duplicate-in-transition/errors.json
index 955411d2ad6..ea727044d76 100644
--- a/test/validator/samples/transition-duplicate-in-transition/errors.json
+++ b/test/validator/samples/transition-duplicate-in-transition/errors.json
@@ -3,13 +3,10 @@
 	"message": "An element cannot have both an 'in' directive and a 'transition' directive",
 	"start": {
 		"line": 6,
-		"column": 12,
-		"character": 70
+		"column": 12
 	},
 	"end": {
 		"line": 6,
-		"column": 26,
-		"character": 84
-	},
-	"pos": 70
-}]
\ No newline at end of file
+		"column": 26
+	}
+}]
diff --git a/test/validator/samples/transition-duplicate-in/errors.json b/test/validator/samples/transition-duplicate-in/errors.json
index 9a030a9ca22..87476382c73 100644
--- a/test/validator/samples/transition-duplicate-in/errors.json
+++ b/test/validator/samples/transition-duplicate-in/errors.json
@@ -3,13 +3,10 @@
 	"message": "An element can only have one 'in' directive",
 	"start": {
 		"line": 6,
-		"column": 12,
-		"character": 70
+		"column": 12
 	},
 	"end": {
 		"line": 6,
-		"column": 18,
-		"character": 76
-	},
-	"pos": 70
-}]
\ No newline at end of file
+		"column": 18
+	}
+}]
diff --git a/test/validator/samples/transition-duplicate-out-transition/errors.json b/test/validator/samples/transition-duplicate-out-transition/errors.json
index ec96e2804c1..8aa0d28e351 100644
--- a/test/validator/samples/transition-duplicate-out-transition/errors.json
+++ b/test/validator/samples/transition-duplicate-out-transition/errors.json
@@ -3,13 +3,10 @@
 	"message": "An element cannot have both an 'out' directive and a 'transition' directive",
 	"start": {
 		"line": 6,
-		"column": 13,
-		"character": 71
+		"column": 13
 	},
 	"end": {
 		"line": 6,
-		"column": 27,
-		"character": 85
-	},
-	"pos": 71
-}]
\ No newline at end of file
+		"column": 27
+	}
+}]
diff --git a/test/validator/samples/transition-duplicate-out/errors.json b/test/validator/samples/transition-duplicate-out/errors.json
index 8465cca2b33..4b82a9accf6 100644
--- a/test/validator/samples/transition-duplicate-out/errors.json
+++ b/test/validator/samples/transition-duplicate-out/errors.json
@@ -3,13 +3,10 @@
 	"message": "An element can only have one 'out' directive",
 	"start": {
 		"line": 6,
-		"column": 13,
-		"character": 71
+		"column": 13
 	},
 	"end": {
 		"line": 6,
-		"column": 20,
-		"character": 78
-	},
-	"pos": 71
-}]
\ No newline at end of file
+		"column": 20
+	}
+}]
diff --git a/test/validator/samples/transition-duplicate-transition-in/errors.json b/test/validator/samples/transition-duplicate-transition-in/errors.json
index eb441184bd0..93dd9ed1be9 100644
--- a/test/validator/samples/transition-duplicate-transition-in/errors.json
+++ b/test/validator/samples/transition-duplicate-transition-in/errors.json
@@ -3,13 +3,10 @@
 	"message": "An element cannot have both a 'transition' directive and an 'in' directive",
 	"start": {
 		"line": 6,
-		"column": 20,
-		"character": 78
+		"column": 20
 	},
 	"end": {
 		"line": 6,
-		"column": 26,
-		"character": 84
-	},
-	"pos": 78
-}]
\ No newline at end of file
+		"column": 26
+	}
+}]
diff --git a/test/validator/samples/transition-duplicate-transition-out/errors.json b/test/validator/samples/transition-duplicate-transition-out/errors.json
index e8886067c63..0b6404e80ec 100644
--- a/test/validator/samples/transition-duplicate-transition-out/errors.json
+++ b/test/validator/samples/transition-duplicate-transition-out/errors.json
@@ -3,13 +3,10 @@
 	"message": "An element cannot have both a 'transition' directive and an 'out' directive",
 	"start": {
 		"line": 6,
-		"column": 20,
-		"character": 78
+		"column": 20
 	},
 	"end": {
 		"line": 6,
-		"column": 27,
-		"character": 85
-	},
-	"pos": 78
-}]
\ No newline at end of file
+		"column": 27
+	}
+}]
diff --git a/test/validator/samples/transition-duplicate-transition/errors.json b/test/validator/samples/transition-duplicate-transition/errors.json
index 2b265d3a72a..7f3d9425ebd 100644
--- a/test/validator/samples/transition-duplicate-transition/errors.json
+++ b/test/validator/samples/transition-duplicate-transition/errors.json
@@ -3,13 +3,10 @@
 	"message": "An element can only have one 'transition' directive",
 	"start": {
 		"line": 6,
-		"column": 20,
-		"character": 78
+		"column": 20
 	},
 	"end": {
 		"line": 6,
-		"column": 34,
-		"character": 92
-	},
-	"pos": 78
-}]
\ No newline at end of file
+		"column": 34
+	}
+}]
diff --git a/test/validator/samples/transition-missing/warnings.json b/test/validator/samples/transition-missing/warnings.json
index 19520a67293..3fdf48856cf 100644
--- a/test/validator/samples/transition-missing/warnings.json
+++ b/test/validator/samples/transition-missing/warnings.json
@@ -3,13 +3,10 @@
 	"message": "'foo' is not defined. Consider adding a <script> block with 'export let foo' to declare a prop",
 	"start": {
 		"line": 1,
-		"column": 5,
-		"character": 5
+		"column": 5
 	},
 	"end": {
 		"line": 1,
-		"column": 11,
-		"character": 11
-	},
-	"pos": 5
-}]
\ No newline at end of file
+		"column": 11
+	}
+}]
diff --git a/test/validator/samples/transition-on-component/errors.json b/test/validator/samples/transition-on-component/errors.json
index 400539f8e6c..c83d3e41ae8 100644
--- a/test/validator/samples/transition-on-component/errors.json
+++ b/test/validator/samples/transition-on-component/errors.json
@@ -3,13 +3,10 @@
 	"message": "Transitions can only be applied to DOM elements, not components",
 	"start": {
 		"line": 7,
-		"column": 8,
-		"character": 87
+		"column": 8
 	},
 	"end": {
 		"line": 7,
-		"column": 14,
-		"character": 93
-	},
-	"pos": 87
-}]
\ No newline at end of file
+		"column": 14
+	}
+}]
diff --git a/test/validator/samples/undefined-value-global/warnings.json b/test/validator/samples/undefined-value-global/warnings.json
index ee9e3d6c90b..b52a2aeb832 100644
--- a/test/validator/samples/undefined-value-global/warnings.json
+++ b/test/validator/samples/undefined-value-global/warnings.json
@@ -1,15 +1,12 @@
 [{
 	"code": "missing-declaration",
 	"message": "'potato' is not defined",
-	"pos": 46,
 	"start": {
 		"line": 5,
-		"column": 4,
-		"character": 46
+		"column": 4
 	},
 	"end": {
 		"line": 5,
-		"column": 10,
-		"character": 52
+		"column": 10
 	}
 }]
diff --git a/test/validator/samples/undefined-value/warnings.json b/test/validator/samples/undefined-value/warnings.json
index 790f83acfdd..f3af7f96e0c 100644
--- a/test/validator/samples/undefined-value/warnings.json
+++ b/test/validator/samples/undefined-value/warnings.json
@@ -1,15 +1,12 @@
 [{
 	"code": "missing-declaration",
 	"message": "'potato' is not defined. Consider adding a <script> block with 'export let potato' to declare a prop",
-	"pos": 4,
 	"start": {
 		"line": 1,
-		"column": 4,
-		"character": 4
+		"column": 4
 	},
 	"end": {
 		"line": 1,
-		"column": 10,
-		"character": 10
+		"column": 10
 	}
-}]
\ No newline at end of file
+}]
diff --git a/test/validator/samples/unreferenced-variables-each/warnings.json b/test/validator/samples/unreferenced-variables-each/warnings.json
index fa89da0e687..d66d0dc9789 100644
--- a/test/validator/samples/unreferenced-variables-each/warnings.json
+++ b/test/validator/samples/unreferenced-variables-each/warnings.json
@@ -2,14 +2,11 @@
 	{
 		"code": "unused-export-let",
 		"message": "Component_1 has unused export property 'default_value_5'. If it is for external reference only, please consider using `export const default_value_5`",
-		"pos": 172,
 		"start": {
-			"character": 172,
 			"column": 12,
 			"line": 8
 		},
 		"end": {
-			"character": 187,
 			"column": 27,
 			"line": 8
 		}
@@ -17,14 +14,11 @@
 	{
 		"code": "unused-export-let",
 		"message": "Component_1 has unused export property 'default_value_6'. If it is for external reference only, please consider using `export const default_value_6`",
-		"pos": 201,
 		"start": {
-			"character": 201,
 			"column": 12,
 			"line": 9
 		},
 		"end": {
-			"character": 216,
 			"column": 27,
 			"line": 9
 		}
diff --git a/test/validator/samples/unreferenced-variables/warnings.json b/test/validator/samples/unreferenced-variables/warnings.json
index 4097ba023b2..e96a81e0dc9 100644
--- a/test/validator/samples/unreferenced-variables/warnings.json
+++ b/test/validator/samples/unreferenced-variables/warnings.json
@@ -2,14 +2,11 @@
 	{
 		"code": "unused-export-let",
 		"end": {
-			"character": 519,
 			"column": 13,
 			"line": 31
 		},
 		"message": "Component has unused export property 'd2'. If it is for external reference only, please consider using `export const d2`",
-		"pos": 517,
 		"start": {
-			"character": 517,
 			"column": 11,
 			"line": 31
 		}
@@ -17,14 +14,11 @@
 	{
 		"code": "unused-export-let",
 		"end": {
-			"character": 523,
 			"column": 17,
 			"line": 31
 		},
 		"message": "Component has unused export property 'e2'. If it is for external reference only, please consider using `export const e2`",
-		"pos": 521,
 		"start": {
-			"character": 521,
 			"column": 15,
 			"line": 31
 		}
@@ -32,14 +26,11 @@
 	{
 		"code": "unused-export-let",
 		"end": {
-			"character": 549,
 			"column": 19,
 			"line": 32
 		},
 		"message": "Component has unused export property 'g2'. If it is for external reference only, please consider using `export const g2`",
-		"pos": 543,
 		"start": {
-			"character": 543,
 			"column": 13,
 			"line": 32
 		}
@@ -47,14 +38,11 @@
 	{
 		"code": "unused-export-let",
 		"end": {
-			"character": 570,
 			"column": 19,
 			"line": 33
 		},
 		"message": "Component has unused export property 'h2'. If it is for external reference only, please consider using `export const h2`",
-		"pos": 564,
 		"start": {
-			"character": 564,
 			"column": 13,
 			"line": 33
 		}
@@ -62,14 +50,11 @@
 	{
 		"code": "unused-export-let",
 		"end": {
-			"character": 621,
 			"column": 26,
 			"line": 35
 		},
 		"message": "Component has unused export property 'j2'. If it is for external reference only, please consider using `export const j2`",
-		"pos": 608,
 		"start": {
-			"character": 608,
 			"column": 13,
 			"line": 35
 		}
diff --git a/test/validator/samples/use-the-platform/warnings.json b/test/validator/samples/use-the-platform/warnings.json
index bbc37c5e917..2dfe6b5c8e4 100644
--- a/test/validator/samples/use-the-platform/warnings.json
+++ b/test/validator/samples/use-the-platform/warnings.json
@@ -2,14 +2,11 @@
 	{
 		"code": "invalid-html-attribute",
 		"message": "'className' is not a valid HTML attribute. Did you mean 'class'?",
-		"pos": 5,
 		"start": {
-			"character": 5,
 			"column": 5,
 			"line": 1
 		},
 		"end": {
-			"character": 20,
 			"column": 20,
 			"line": 1
 		}
@@ -17,14 +14,11 @@
 	{
 		"code": "invalid-html-attribute",
 		"message": "'htmlFor' is not a valid HTML attribute. Did you mean 'for'?",
-		"pos": 35,
 		"start": {
-			"character": 35,
 			"column": 7,
 			"line": 2
 		},
 		"end": {
-			"character": 46,
 			"column": 18,
 			"line": 2
 		}
diff --git a/test/validator/samples/window-binding-invalid-innerwidth/errors.json b/test/validator/samples/window-binding-invalid-innerwidth/errors.json
index c348a48811b..6147ad1bbac 100644
--- a/test/validator/samples/window-binding-invalid-innerwidth/errors.json
+++ b/test/validator/samples/window-binding-invalid-innerwidth/errors.json
@@ -3,13 +3,10 @@
 	"message": "'innerwidth' is not a valid binding on <svelte:window> (did you mean 'innerWidth'?)",
 	"start": {
 		"line": 1,
-		"column": 15,
-		"character": 15
+		"column": 15
 	},
 	"end": {
 		"line": 1,
-		"column": 34,
-		"character": 34
-	},
-	"pos": 15
-}]
\ No newline at end of file
+		"column": 34
+	}
+}]
diff --git a/test/validator/samples/window-binding-invalid-value/errors.json b/test/validator/samples/window-binding-invalid-value/errors.json
index 7a42e62b9a7..d37aadd333c 100644
--- a/test/validator/samples/window-binding-invalid-value/errors.json
+++ b/test/validator/samples/window-binding-invalid-value/errors.json
@@ -3,13 +3,10 @@
 	"message": "Bindings on <svelte:window> must be to top-level properties, e.g. 'baz' rather than 'foo.bar.baz'",
 	"start": {
 		"line": 1,
-		"column": 32,
-		"character": 32
+		"column": 32
 	},
 	"end": {
 		"line": 1,
-		"column": 43,
-		"character": 43
-	},
-	"pos": 32
-}]
\ No newline at end of file
+		"column": 43
+	}
+}]
diff --git a/test/validator/samples/window-binding-invalid-width/errors.json b/test/validator/samples/window-binding-invalid-width/errors.json
index 32741886620..e35bea2d9d7 100644
--- a/test/validator/samples/window-binding-invalid-width/errors.json
+++ b/test/validator/samples/window-binding-invalid-width/errors.json
@@ -3,13 +3,10 @@
 	"message": "'width' is not a valid binding on <svelte:window> (did you mean 'innerWidth'?)",
 	"start": {
 		"line": 1,
-		"column": 15,
-		"character": 15
+		"column": 15
 	},
 	"end": {
 		"line": 1,
-		"column": 29,
-		"character": 29
-	},
-	"pos": 15
-}]
\ No newline at end of file
+		"column": 29
+	}
+}]
diff --git a/test/validator/samples/window-binding-invalid/errors.json b/test/validator/samples/window-binding-invalid/errors.json
index b8cae81bf30..1277984258c 100644
--- a/test/validator/samples/window-binding-invalid/errors.json
+++ b/test/validator/samples/window-binding-invalid/errors.json
@@ -3,13 +3,10 @@
 	"message": "'potato' is not a valid binding on <svelte:window> — valid bindings are innerWidth, innerHeight, outerWidth, outerHeight, scrollX, scrollY or online",
 	"start": {
 		"line": 1,
-		"column": 15,
-		"character": 15
+		"column": 15
 	},
 	"end": {
 		"line": 1,
-		"column": 32,
-		"character": 32
-	},
-	"pos": 15
-}]
\ No newline at end of file
+		"column": 32
+	}
+}]