diff --git a/.github/workflows/code-quality.yaml b/.github/workflows/code-quality.yaml
index 834d662f78..58bfdf2a27 100644
--- a/.github/workflows/code-quality.yaml
+++ b/.github/workflows/code-quality.yaml
@@ -37,3 +37,24 @@ jobs:
       - name: Run code quality checks (on pull request)
         if: github.event_name == 'pull_request'
         run: ./.github/workflows/utilities/phpcs-pr ${{ github.base_ref }}
+  codeQualityJS:
+    runs-on: ubuntu-latest
+    name: JavaScript
+    steps:
+      - name: Checkout changes
+        uses: actions/checkout@v2
+        with:
+            fetch-depth: 0
+
+      - name: Install Node
+        uses: actions/setup-node@v1
+        with:
+            node-version: 12
+
+      - name: Install Node dependencies
+        working-directory: ./modules/system/assets/js/snowboard
+        run: npm install
+
+      - name: Run code quality checks
+        working-directory: ./modules/system/assets/js/snowboard
+        run: npx eslint .
diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
index 984e4171ba..ad0c7b0ad8 100644
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -24,9 +24,11 @@ jobs:
             node-version: 12
 
       - name: Install Node dependencies
+        working-directory: ./tests/js
         run: npm install
 
       - name: Run tests
+        working-directory: ./tests/js
         run: npm run test
   phpUnitTests:
     strategy:
diff --git a/.gitpod.yml b/.gitpod.yml
index d9d1ca589b..8bd98780ce 100644
--- a/.gitpod.yml
+++ b/.gitpod.yml
@@ -27,10 +27,10 @@ vscode:
 
 github:
   prebuilds:
-    master: true
+    master: false
     branches: false
-    pullRequests: true
+    pullRequests: false
     pullRequestsFromForks: false
-    addCheck: true
+    addCheck: false
     addComment: false
     addBadge: true
diff --git a/.jshintrc b/.jshintrc
deleted file mode 100644
index bb55890a99..0000000000
--- a/.jshintrc
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-    "esversion": 6,
-    "curly": true,
-    "asi": true
-}
diff --git a/composer.json b/composer.json
index 4f7c896b5e..7b6061435d 100644
--- a/composer.json
+++ b/composer.json
@@ -83,5 +83,11 @@
             "replace": false,
             "merge-dev": false
         }
+    },
+    "config": {
+        "allow-plugins": {
+            "composer/installers": true,
+            "wikimedia/composer-merge-plugin": true
+        }
     }
 }
diff --git a/modules/cms/twig/Extension.php b/modules/cms/twig/Extension.php
index c8e2eeb834..867087888c 100644
--- a/modules/cms/twig/Extension.php
+++ b/modules/cms/twig/Extension.php
@@ -73,6 +73,7 @@ public function getTokenParsers()
             new PlaceholderTokenParser,
             new DefaultTokenParser,
             new FrameworkTokenParser,
+            new SnowboardTokenParser,
             new ComponentTokenParser,
             new FlashTokenParser,
             new ScriptsTokenParser,
diff --git a/modules/cms/twig/SnowboardNode.php b/modules/cms/twig/SnowboardNode.php
new file mode 100644
index 0000000000..6a0928dea4
--- /dev/null
+++ b/modules/cms/twig/SnowboardNode.php
@@ -0,0 +1,65 @@
+<?php namespace Cms\Twig;
+
+use Config;
+use Request;
+use System\Models\Parameter;
+use System\Classes\CombineAssets;
+use Twig\Node\Node as TwigNode;
+use Twig\Compiler as TwigCompiler;
+
+/**
+ * Represents a "snowboard" node
+ *
+ * @package winter\wn-cms-module
+ * @author Winter CMS
+ */
+class SnowboardNode extends TwigNode
+{
+    /**
+     * @var bool Indicates if the base Snowboard framework is already loaded, in case of multiple uses of this tag.
+     */
+    public static $baseLoaded = false;
+
+    public function __construct(array $modules, $lineno, $tag = 'snowboard')
+    {
+        parent::__construct([], ['modules' => $modules], $lineno, $tag);
+    }
+
+    /**
+     * Compiles the node to PHP.
+     *
+     * @param TwigCompiler $compiler A TwigCompiler instance
+     */
+    public function compile(TwigCompiler $compiler)
+    {
+        $build = Parameter::get('system::core.build', 'winter');
+        $cacheBust = '?v=' . $build;
+        $modules = $this->getAttribute('modules');
+
+        $compiler
+            ->addDebugInfo($this)
+            ->write("\$_minify = ".CombineAssets::class."::instance()->useMinify;" . PHP_EOL);
+
+        $moduleMap = [
+            'base' => (Config::get('app.debug', false) === true) ? 'snowboard.base.debug' : 'snowboard.base',
+            'request' => 'snowboard.request',
+            'attr' => 'snowboard.data-attr',
+            'extras' => 'snowboard.extras',
+        ];
+        $basePath = Request::getBasePath() . '/modules/system/assets/js/snowboard/build/';
+
+        if (!static::$baseLoaded) {
+            // Add base script
+            $baseJs = $moduleMap['base'];
+            $compiler
+                ->write("echo '<script src=\"${basePath}${baseJs}.js${cacheBust}\"></script>'.PHP_EOL;" . PHP_EOL);
+            static::$baseLoaded = true;
+        }
+
+        foreach ($modules as $module) {
+            $moduleJs = $moduleMap[$module];
+            $compiler
+                ->write("echo '<script src=\"${basePath}${moduleJs}.js${cacheBust}\"></script>'.PHP_EOL;" . PHP_EOL);
+        }
+    }
+}
diff --git a/modules/cms/twig/SnowboardTokenParser.php b/modules/cms/twig/SnowboardTokenParser.php
new file mode 100644
index 0000000000..2bfb4d34ad
--- /dev/null
+++ b/modules/cms/twig/SnowboardTokenParser.php
@@ -0,0 +1,60 @@
+<?php namespace Cms\Twig;
+
+use Twig\Token as TwigToken;
+use Twig\TokenParser\AbstractTokenParser as TwigTokenParser;
+
+/**
+ * Parser for the `{% snowboard %}` Twig tag.
+ *
+ * @package winter\wn-cms-module
+ * @author Winter CMS
+ */
+class SnowboardTokenParser extends TwigTokenParser
+{
+    /**
+     * @inheritDoc
+     */
+    public function parse(TwigToken $token)
+    {
+        $lineno = $token->getLine();
+        $stream = $this->parser->getStream();
+
+        $modules = [];
+
+        do {
+            $token = $stream->next();
+
+            if ($token->getType() === TwigToken::NAME_TYPE) {
+                $modules[] = $token->getValue();
+            }
+        } while ($token->getType() !== TwigToken::BLOCK_END_TYPE);
+
+        // Filter out invalid types
+        $modules = array_filter(
+            array_map(function ($item) {
+                return strtolower($item);
+            }, $modules),
+            function ($item) {
+                return in_array($item, ['request', 'attr', 'extras', 'all']);
+            }
+        );
+
+        if (in_array('all', $modules)) {
+            $modules = [
+                'request',
+                'attr',
+                'extras',
+            ];
+        }
+
+        return new SnowboardNode($modules, $lineno, $this->getTag());
+    }
+
+    /**
+     * @inheritDoc
+     */
+    public function getTag()
+    {
+        return 'snowboard';
+    }
+}
diff --git a/modules/system/ServiceProvider.php b/modules/system/ServiceProvider.php
index f74380826c..bffd0eca18 100644
--- a/modules/system/ServiceProvider.php
+++ b/modules/system/ServiceProvider.php
@@ -32,6 +32,7 @@
 use Winter\Storm\Router\Helper as RouterHelper;
 use Illuminate\Pagination\Paginator;
 use Illuminate\Support\Facades\Schema;
+use System\Classes\MixAssets;
 
 class ServiceProvider extends ModuleServiceProvider
 {
@@ -251,32 +252,37 @@ protected function registerConsole()
         /*
          * Register console commands
          */
-        $this->registerConsoleCommand('winter.up', 'System\Console\WinterUp');
-        $this->registerConsoleCommand('winter.down', 'System\Console\WinterDown');
-        $this->registerConsoleCommand('winter.update', 'System\Console\WinterUpdate');
-        $this->registerConsoleCommand('winter.util', 'System\Console\WinterUtil');
-        $this->registerConsoleCommand('winter.mirror', 'System\Console\WinterMirror');
-        $this->registerConsoleCommand('winter.fresh', 'System\Console\WinterFresh');
-        $this->registerConsoleCommand('winter.env', 'System\Console\WinterEnv');
-        $this->registerConsoleCommand('winter.install', 'System\Console\WinterInstall');
-        $this->registerConsoleCommand('winter.passwd', 'System\Console\WinterPasswd');
-        $this->registerConsoleCommand('winter.version', 'System\Console\WinterVersion');
-        $this->registerConsoleCommand('winter.manifest', 'System\Console\WinterManifest');
-        $this->registerConsoleCommand('winter.test', 'System\Console\WinterTest');
-
-        $this->registerConsoleCommand('plugin.install', 'System\Console\PluginInstall');
-        $this->registerConsoleCommand('plugin.remove', 'System\Console\PluginRemove');
-        $this->registerConsoleCommand('plugin.disable', 'System\Console\PluginDisable');
-        $this->registerConsoleCommand('plugin.enable', 'System\Console\PluginEnable');
-        $this->registerConsoleCommand('plugin.refresh', 'System\Console\PluginRefresh');
-        $this->registerConsoleCommand('plugin.rollback', 'System\Console\PluginRollback');
-        $this->registerConsoleCommand('plugin.list', 'System\Console\PluginList');
-
-        $this->registerConsoleCommand('theme.install', 'System\Console\ThemeInstall');
-        $this->registerConsoleCommand('theme.remove', 'System\Console\ThemeRemove');
-        $this->registerConsoleCommand('theme.list', 'System\Console\ThemeList');
-        $this->registerConsoleCommand('theme.use', 'System\Console\ThemeUse');
-        $this->registerConsoleCommand('theme.sync', 'System\Console\ThemeSync');
+        $this->registerConsoleCommand('winter.up', \System\Console\WinterUp::class);
+        $this->registerConsoleCommand('winter.down', \System\Console\WinterDown::class);
+        $this->registerConsoleCommand('winter.update', \System\Console\WinterUpdate::class);
+        $this->registerConsoleCommand('winter.util', \System\Console\WinterUtil::class);
+        $this->registerConsoleCommand('winter.mirror', \System\Console\WinterMirror::class);
+        $this->registerConsoleCommand('winter.fresh', \System\Console\WinterFresh::class);
+        $this->registerConsoleCommand('winter.env', \System\Console\WinterEnv::class);
+        $this->registerConsoleCommand('winter.install', \System\Console\WinterInstall::class);
+        $this->registerConsoleCommand('winter.passwd', \System\Console\WinterPasswd::class);
+        $this->registerConsoleCommand('winter.version', \System\Console\WinterVersion::class);
+        $this->registerConsoleCommand('winter.manifest', \System\Console\WinterManifest::class);
+        $this->registerConsoleCommand('winter.test', \System\Console\WinterTest::class);
+
+        $this->registerConsoleCommand('plugin.install', \System\Console\PluginInstall::class);
+        $this->registerConsoleCommand('plugin.remove', \System\Console\PluginRemove::class);
+        $this->registerConsoleCommand('plugin.disable', \System\Console\PluginDisable::class);
+        $this->registerConsoleCommand('plugin.enable', \System\Console\PluginEnable::class);
+        $this->registerConsoleCommand('plugin.refresh', \System\Console\PluginRefresh::class);
+        $this->registerConsoleCommand('plugin.rollback', \System\Console\PluginRollback::class);
+        $this->registerConsoleCommand('plugin.list', \System\Console\PluginList::class);
+
+        $this->registerConsoleCommand('theme.install', \System\Console\ThemeInstall::class);
+        $this->registerConsoleCommand('theme.remove', \System\Console\ThemeRemove::class);
+        $this->registerConsoleCommand('theme.list', \System\Console\ThemeList::class);
+        $this->registerConsoleCommand('theme.use', \System\Console\ThemeUse::class);
+        $this->registerConsoleCommand('theme.sync', \System\Console\ThemeSync::class);
+
+        $this->registerConsoleCommand('mix.install', \System\Console\MixInstall::class);
+        $this->registerConsoleCommand('mix.list', \System\Console\MixList::class);
+        $this->registerConsoleCommand('mix.compile', \System\Console\MixCompile::class);
+        $this->registerConsoleCommand('mix.watch', \System\Console\MixWatch::class);
     }
 
     /*
@@ -560,6 +566,11 @@ protected function registerAssetBundles()
             $combiner->registerBundle('~/modules/system/assets/js/framework.js');
             $combiner->registerBundle('~/modules/system/assets/js/framework.combined.js');
             $combiner->registerBundle('~/modules/system/assets/less/framework.extras.less');
+            $combiner->registerBundle('~/modules/system/assets/less/snowboard.extras.less');
+        });
+
+        MixAssets::registerCallback(function ($mix) {
+            $mix->registerPackage('snowboard', '~/modules/system/assets/js/snowboard/winter.mix.js');
         });
     }
 
diff --git a/modules/system/assets/css/snowboard.extras.css b/modules/system/assets/css/snowboard.extras.css
new file mode 100644
index 0000000000..edd80c9ee0
--- /dev/null
+++ b/modules/system/assets/css/snowboard.extras.css
@@ -0,0 +1,57 @@
+body.wn-loading,
+body.wn-loading *,
+body.oc-loading,
+body.oc-loading *{cursor:wait !important}
+.stripe-loading-indicator{height:5px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000}
+.stripe-loading-indicator .stripe,
+.stripe-loading-indicator .stripe-loaded{height:5px;display:block;background:#0090c0;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF}
+.stripe-loading-indicator .stripe{width:100%;-webkit-animation:wn-infinite-loader 60s linear;animation:wn-infinite-loader 60s linear}
+.stripe-loading-indicator .stripe-loaded{width:100%;transform:translate3d(-100%,0,0);opacity:0;filter:alpha(opacity=0)}
+.stripe-loading-indicator.loaded{opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s}
+.stripe-loading-indicator.loaded .stripe{animation-play-state:paused}
+.stripe-loading-indicator.loaded .stripe-loaded{opacity:1;filter:alpha(opacity=100);transform:translate3d(0,0,0);-webkit-transition:transform 0.3s linear;transition:transform 0.3s linear}
+.stripe-loading-indicator.hide{display:none}
+body>div.flash-message{position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 14px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0 rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer}
+body>div.flash-message .flash-timer{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#fff;opacity:0.5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
+body>div.flash-message .flash-timer.timeout-active{-webkit-transition:width 6s linear;transition:width 6s linear}
+body>div.flash-message .flash-timer.timeout-in{width:100%}
+body>div.flash-message .flash-timer.timeout-out{width:0%}
+body>div.flash-message.show-active,
+body>div.flash-message.hide-active{-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s}
+body>div.flash-message.show-in,
+body>div.flash-message.hide-out{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
+body>div.flash-message.show-out,
+body>div.flash-message.hide-in{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
+body>div.flash-message.success{background:#8da85e}
+body>div.flash-message.error{background:#c30}
+body>div.flash-message.warning{background:#f0ad4e}
+body>div.flash-message.info{background:#5fb6f5}
+@media (max-width:768px){body>div.flash-message{left:10px;right:10px;top:10px;margin-left:0;width:auto}}
+[data-request][data-request-validate] [data-validate-for]:not(.visible),
+[data-request][data-request-validate] [data-validate-error]:not(.visible){display:none}
+a.wn-loading:after,
+button.wn-loading:after,
+span.wn-loading:after,
+a.oc-loading:after,
+button.oc-loading:after,
+span.oc-loading:after{content:'';display:inline-block;vertical-align:middle;margin-left:.4em;height:1em;width:1em;animation:wn-rotate-loader 0.8s infinite linear;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0.5;filter:alpha(opacity=50)}
+@-moz-keyframes wn-rotate-loader{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}
+@-webkit-keyframes wn-rotate-loader{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
+@-o-keyframes wn-rotate-loader{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}
+@-ms-keyframes wn-rotate-loader{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}
+@keyframes wn-rotate-loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
+@-moz-keyframes oc-rotate-loader{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}
+@-webkit-keyframes oc-rotate-loader{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
+@-o-keyframes oc-rotate-loader{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}
+@-ms-keyframes oc-rotate-loader{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}
+@keyframes oc-rotate-loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
+@-moz-keyframes wn-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}}
+@-webkit-keyframes wn-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}}
+@-o-keyframes wn-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}}
+@-ms-keyframes wn-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}}
+@keyframes wn-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}}
+@-moz-keyframes oc-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}}
+@-webkit-keyframes oc-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}}
+@-o-keyframes oc-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}}
+@-ms-keyframes oc-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}}
+@keyframes oc-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}}
\ No newline at end of file
diff --git a/modules/system/assets/js/snowboard/.eslintignore b/modules/system/assets/js/snowboard/.eslintignore
new file mode 100644
index 0000000000..089411e422
--- /dev/null
+++ b/modules/system/assets/js/snowboard/.eslintignore
@@ -0,0 +1,2 @@
+**/node_modules/**
+build/*.js
diff --git a/modules/system/assets/js/snowboard/.eslintrc.json b/modules/system/assets/js/snowboard/.eslintrc.json
new file mode 100644
index 0000000000..2924496b83
--- /dev/null
+++ b/modules/system/assets/js/snowboard/.eslintrc.json
@@ -0,0 +1,22 @@
+{
+    "env": {
+        "es6": true,
+        "browser": true
+    },
+    "globals": {
+        "Snowboard": "writable"
+    },
+    "extends": "airbnb-base",
+    "rules": {
+        "class-methods-use-this": ["off"],
+        "indent": ["error", 4, {
+            "SwitchCase": 1
+        }],
+        "max-len": ["off"],
+        "new-cap": ["error", { "properties": false }],
+        "no-alert": ["off"],
+        "no-param-reassign": ["error", {
+            "props": false
+        }]
+    }
+}
diff --git a/modules/system/assets/js/snowboard/.gitignore b/modules/system/assets/js/snowboard/.gitignore
new file mode 100644
index 0000000000..4b66340796
--- /dev/null
+++ b/modules/system/assets/js/snowboard/.gitignore
@@ -0,0 +1,3 @@
+# Ignore packages
+node_modules
+package-lock.json
diff --git a/modules/system/assets/js/snowboard/abstracts/PluginBase.js b/modules/system/assets/js/snowboard/abstracts/PluginBase.js
new file mode 100644
index 0000000000..c50f2556c5
--- /dev/null
+++ b/modules/system/assets/js/snowboard/abstracts/PluginBase.js
@@ -0,0 +1,48 @@
+/**
+ * Plugin base abstract.
+ *
+ * This class provides the base functionality for all plugins.
+ *
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ */
+export default class PluginBase {
+    /**
+     * Constructor.
+     *
+     * The constructor is provided the Snowboard framework instance.
+     *
+     * @param {Snowboard} snowboard
+     */
+    constructor(snowboard) {
+        this.snowboard = snowboard;
+    }
+
+    /**
+     * Defines the required plugins for this specific module to work.
+     *
+     * @returns {string[]} An array of plugins required for this module to work, as strings.
+     */
+    dependencies() {
+        return [];
+    }
+
+    /**
+     * Defines the listener methods for global events.
+     *
+     * @returns {Object}
+     */
+    listens() {
+        return {};
+    }
+
+    /**
+     * Destructor.
+     *
+     * Fired when this plugin is removed.
+     */
+    destructor() {
+        this.detach();
+        delete this.snowboard;
+    }
+}
diff --git a/modules/system/assets/js/snowboard/abstracts/Singleton.js b/modules/system/assets/js/snowboard/abstracts/Singleton.js
new file mode 100644
index 0000000000..557e09c3d8
--- /dev/null
+++ b/modules/system/assets/js/snowboard/abstracts/Singleton.js
@@ -0,0 +1,15 @@
+import PluginBase from './PluginBase';
+
+/**
+ * Singleton plugin abstract.
+ *
+ * This is a special definition class that the Snowboard framework will use to interpret the current plugin as a
+ * "singleton". This will ensure that only one instance of the plugin class is used across the board.
+ *
+ * Singletons are initialised on the "domReady" event by default.
+ *
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ */
+export default class Singleton extends PluginBase {
+}
diff --git a/modules/system/assets/js/snowboard/ajax/Request.js b/modules/system/assets/js/snowboard/ajax/Request.js
new file mode 100644
index 0000000000..16c90450e1
--- /dev/null
+++ b/modules/system/assets/js/snowboard/ajax/Request.js
@@ -0,0 +1,789 @@
+/**
+ * Request plugin.
+ *
+ * This is the default AJAX handler which will run using the `fetch()` method that is default in modern browsers.
+ *
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ */
+class Request extends Snowboard.PluginBase {
+    /**
+     * Constructor.
+     *
+     * @param {Snowboard} snowboard
+     * @param {HTMLElement|string} element
+     * @param {string} handler
+     * @param {Object} options
+     */
+    constructor(snowboard, element, handler, options) {
+        super(snowboard);
+
+        if (typeof element === 'string') {
+            const matchedElement = document.querySelector(element);
+            if (matchedElement === null) {
+                throw new Error(`No element was found with the given selector: ${element}`);
+            }
+            this.element = matchedElement;
+        } else {
+            this.element = element;
+        }
+        this.handler = handler;
+        this.options = options || {};
+        this.fetchOptions = {};
+        this.responseData = null;
+        this.responseError = null;
+        this.cancelled = false;
+
+        this.checkRequest();
+        if (!this.snowboard.globalEvent('ajaxSetup', this)) {
+            this.cancelled = true;
+            return;
+        }
+        if (this.element) {
+            const event = new Event('ajaxSetup', { cancelable: true });
+            event.request = this;
+            this.element.dispatchEvent(event);
+
+            if (event.defaultPrevented) {
+                this.cancelled = true;
+                return;
+            }
+        }
+
+        if (!this.doClientValidation()) {
+            this.cancelled = true;
+            return;
+        }
+
+        if (this.confirm) {
+            this.doConfirm().then((confirmed) => {
+                if (confirmed) {
+                    this.doAjax().then(
+                        (response) => {
+                            if (response.cancelled) {
+                                this.cancelled = true;
+                                return;
+                            }
+                            this.responseData = response;
+                            this.processUpdate(response).then(
+                                () => {
+                                    if (response.X_WINTER_SUCCESS === false) {
+                                        this.processError(response);
+                                    } else {
+                                        this.processResponse(response);
+                                    }
+                                },
+                            );
+                        },
+                        (error) => {
+                            this.responseError = error;
+                            this.processError(error);
+                        },
+                    ).finally(() => {
+                        if (this.cancelled === true) {
+                            return;
+                        }
+
+                        if (this.options.complete && typeof this.options.complete === 'function') {
+                            this.options.complete(this.responseData, this);
+                        }
+                        this.snowboard.globalEvent('ajaxDone', this.responseData, this);
+
+                        if (this.element) {
+                            const event = new Event('ajaxAlways');
+                            event.request = this;
+                            event.responseData = this.responseData;
+                            event.responseError = this.responseError;
+                            this.element.dispatchEvent(event);
+                        }
+                    });
+                }
+            });
+        } else {
+            this.doAjax().then(
+                (response) => {
+                    if (response.cancelled) {
+                        this.cancelled = true;
+                        return;
+                    }
+                    this.responseData = response;
+                    this.processUpdate(response).then(
+                        () => {
+                            if (response.X_WINTER_SUCCESS === false) {
+                                this.processError(response);
+                            } else {
+                                this.processResponse(response);
+                            }
+                        },
+                    );
+                },
+                (error) => {
+                    this.responseError = error;
+                    this.processError(error);
+                },
+            ).finally(() => {
+                if (this.cancelled === true) {
+                    return;
+                }
+
+                if (this.options.complete && typeof this.options.complete === 'function') {
+                    this.options.complete(this.responseData, this);
+                }
+                this.snowboard.globalEvent('ajaxDone', this.responseData, this);
+
+                if (this.element) {
+                    const event = new Event('ajaxAlways');
+                    event.request = this;
+                    event.responseData = this.responseData;
+                    event.responseError = this.responseError;
+                    this.element.dispatchEvent(event);
+                }
+            });
+        }
+    }
+
+    /**
+     * Dependencies for this plugin.
+     *
+     * @returns {string[]}
+     */
+    dependencies() {
+        return ['cookie', 'jsonParser'];
+    }
+
+    /**
+     * Validates the element and handler given in the request.
+     */
+    checkRequest() {
+        if (this.element !== undefined && this.element instanceof Element === false) {
+            throw new Error('The element provided must be an Element instance');
+        }
+
+        if (this.handler === undefined) {
+            throw new Error('The AJAX handler name is not specified.');
+        }
+
+        if (!this.handler.match(/^(?:\w+:{2})?on*/)) {
+            throw new Error('Invalid AJAX handler name. The correct handler name format is: "onEvent".');
+        }
+    }
+
+    /**
+     * Creates a Fetch request.
+     *
+     * This method is made available for plugins to extend or override the default fetch() settings with their own.
+     *
+     * @returns {Promise}
+     */
+    getFetch() {
+        this.fetchOptions = (this.options.fetchOptions !== undefined && typeof this.options.fetchOptions === 'object')
+            ? this.options.fetchOptions
+            : {
+                method: 'POST',
+                headers: this.headers,
+                body: this.data,
+                redirect: 'follow',
+                mode: 'same-origin',
+            };
+
+        this.snowboard.globalEvent('ajaxFetchOptions', this.fetchOptions, this);
+
+        return fetch(this.url, this.fetchOptions);
+    }
+
+    /**
+     * Run client-side validation on the form, if available.
+     *
+     * @returns {boolean}
+     */
+    doClientValidation() {
+        if (this.options.browserValidate === true && this.form) {
+            if (this.form.checkValidity() === false) {
+                this.form.reportValidity();
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Executes the AJAX query.
+     *
+     * Returns a Promise object for when the AJAX request is completed.
+     *
+     * @returns {Promise}
+     */
+    doAjax() {
+        // Allow plugins to cancel the AJAX request before sending
+        if (this.snowboard.globalEvent('ajaxBeforeSend', this) === false) {
+            return Promise.resolve({
+                cancelled: true,
+            });
+        }
+
+        const ajaxPromise = new Promise((resolve, reject) => {
+            this.getFetch().then(
+                (response) => {
+                    if (!response.ok && response.status !== 406) {
+                        if (response.headers.has('Content-Type') && response.headers.get('Content-Type').includes('/json')) {
+                            response.json().then(
+                                (responseData) => {
+                                    reject(this.renderError(
+                                        responseData.message,
+                                        responseData.exception,
+                                        responseData.file,
+                                        responseData.line,
+                                        responseData.trace,
+                                    ));
+                                },
+                                (error) => {
+                                    reject(this.renderError(`Unable to parse JSON response: ${error}`));
+                                },
+                            );
+                        } else {
+                            response.text().then(
+                                (responseText) => {
+                                    reject(this.renderError(responseText));
+                                },
+                                (error) => {
+                                    reject(this.renderError(`Unable to process response: ${error}`));
+                                },
+                            );
+                        }
+                        return;
+                    }
+
+                    if (response.headers.has('Content-Type') && response.headers.get('Content-Type').includes('/json')) {
+                        response.json().then(
+                            (responseData) => {
+                                resolve({
+                                    ...responseData,
+                                    X_WINTER_SUCCESS: response.status !== 406,
+                                    X_WINTER_RESPONSE_CODE: response.status,
+                                });
+                            },
+                            (error) => {
+                                reject(this.renderError(`Unable to parse JSON response: ${error}`));
+                            },
+                        );
+                    } else {
+                        response.text().then(
+                            (responseData) => {
+                                resolve(responseData);
+                            },
+                            (error) => {
+                                reject(this.renderError(`Unable to process response: ${error}`));
+                            },
+                        );
+                    }
+                },
+                (responseError) => {
+                    reject(this.renderError(`Unable to retrieve a response from the server: ${responseError}`));
+                },
+            );
+        });
+
+        this.snowboard.globalEvent('ajaxStart', ajaxPromise, this);
+
+        if (this.element) {
+            const event = new Event('ajaxPromise');
+            event.promise = ajaxPromise;
+            this.element.dispatchEvent(event);
+        }
+
+        return ajaxPromise;
+    }
+
+    /**
+     * Prepares for updating the partials from the AJAX response.
+     *
+     * If any partials are returned from the AJAX response, this method will also action the partial updates.
+     *
+     * Returns a Promise object which tracks when the partial update is complete.
+     *
+     * @param {Object} response
+     * @returns {Promise}
+     */
+    processUpdate(response) {
+        return new Promise((resolve, reject) => {
+            if (typeof this.options.beforeUpdate === 'function') {
+                if (this.options.beforeUpdate.apply(this, [response]) === false) {
+                    reject();
+                    return;
+                }
+            }
+
+            // Extract partial information
+            const partials = {};
+            Object.entries(response).forEach((entry) => {
+                const [key, value] = entry;
+
+                if (key.substr(0, 8) !== 'X_WINTER') {
+                    partials[key] = value;
+                }
+            });
+
+            if (Object.keys(partials).length === 0) {
+                resolve();
+                return;
+            }
+
+            const promises = this.snowboard.globalPromiseEvent('ajaxBeforeUpdate', response, this);
+            promises.then(
+                () => {
+                    this.doUpdate(partials).then(
+                        () => {
+                            // Allow for HTML redraw
+                            window.requestAnimationFrame(() => resolve());
+                        },
+                        () => {
+                            reject();
+                        },
+                    );
+                },
+                () => {
+                    reject();
+                },
+            );
+        });
+    }
+
+    /**
+     * Updates the partials with the given content.
+     *
+     * @param {Object} partials
+     * @returns {Promise}
+     */
+    doUpdate(partials) {
+        return new Promise((resolve) => {
+            const affected = [];
+
+            Object.entries(partials).forEach((entry) => {
+                const [partial, content] = entry;
+
+                let selector = (this.options.update && this.options.update[partial])
+                    ? this.options.update[partial]
+                    : partial;
+
+                let mode = 'replace';
+
+                if (selector.substr(0, 1) === '@') {
+                    mode = 'append';
+                    selector = selector.substr(1);
+                } else if (selector.substr(0, 1) === '^') {
+                    mode = 'prepend';
+                    selector = selector.substr(1);
+                }
+
+                const elements = document.querySelectorAll(selector);
+                if (elements.length > 0) {
+                    elements.forEach((element) => {
+                        switch (mode) {
+                            case 'append':
+                                element.innerHTML += content;
+                                break;
+                            case 'prepend':
+                                element.innerHTML = content + element.innerHTML;
+                                break;
+                            case 'replace':
+                            default:
+                                element.innerHTML = content;
+                                break;
+                        }
+
+                        affected.push(element);
+
+                        // Fire update event for each element that is updated
+                        this.snowboard.globalEvent('ajaxUpdate', element, content, this);
+                        const event = new Event('ajaxUpdate');
+                        event.content = content;
+                        element.dispatchEvent(event);
+                    });
+                }
+            });
+
+            this.snowboard.globalEvent('ajaxUpdateComplete', affected, this);
+
+            resolve();
+        });
+    }
+
+    /**
+     * Processes the response data.
+     *
+     * This fires off all necessary processing functions depending on the response, ie. if there's any flash
+     * messages to handle, or any redirects to be undertaken.
+     *
+     * @param {Object} response
+     * @returns {void}
+     */
+    processResponse(response) {
+        if (this.options.success && typeof this.options.success === 'function') {
+            if (!this.options.success(this.responseData, this)) {
+                return;
+            }
+        }
+
+        // Allow plugins to cancel any further response handling
+        if (this.snowboard.globalEvent('ajaxSuccess', this.responseData, this) === false) {
+            return;
+        }
+
+        // Allow the element to cancel any further response handling
+        if (this.element) {
+            const event = new Event('ajaxDone', { cancelable: true });
+            event.responseData = this.responseData;
+            event.request = this;
+            this.element.dispatchEvent(event);
+
+            if (event.defaultPrevented) {
+                return;
+            }
+        }
+
+        if (this.flash && response.X_WINTER_FLASH_MESSAGES) {
+            this.processFlashMessages(response.X_WINTER_FLASH_MESSAGES);
+        }
+
+        // Check for a redirect from the response, or use the redirect as specified in the options.
+        if (this.redirect || response.X_WINTER_REDIRECT) {
+            this.processRedirect(this.redirect || response.X_WINTER_REDIRECT);
+            return;
+        }
+
+        if (response.X_WINTER_ASSETS) {
+            this.processAssets(response.X_WINTER_ASSETS);
+        }
+    }
+
+    /**
+     * Processes an error response from the AJAX request.
+     *
+     * This fires off all necessary processing functions depending on the error response, ie. if there's any error or
+     * validation messages to handle.
+     *
+     * @param {Object|Error} error
+     */
+    processError(error) {
+        if (this.options.error && typeof this.options.error === 'function') {
+            if (!this.options.error(this.responseError, this)) {
+                return;
+            }
+        }
+
+        // Allow plugins to cancel any further error handling
+        if (this.snowboard.globalEvent('ajaxError', this.responseError, this) === false) {
+            return;
+        }
+
+        // Allow the element to cancel any further error handling
+        if (this.element) {
+            const event = new Event('ajaxFail', { cancelable: true });
+            event.responseError = this.responseError;
+            event.request = this;
+            this.element.dispatchEvent(event);
+
+            if (event.defaultPrevented) {
+                return;
+            }
+        }
+
+        if (error instanceof Error) {
+            this.processErrorMessage(error.message);
+        } else {
+            // Process validation errors
+            if (error.X_WINTER_ERROR_FIELDS) {
+                this.processValidationErrors(error.X_WINTER_ERROR_FIELDS);
+            }
+
+            if (error.X_WINTER_ERROR_MESSAGE) {
+                this.processErrorMessage(error.X_WINTER_ERROR_MESSAGE);
+            }
+        }
+    }
+
+    /**
+     * Processes a redirect response.
+     *
+     * By default, this processor will simply redirect the user in their browser.
+     *
+     * Plugins can augment this functionality from the `ajaxRedirect` event. You may also override this functionality on
+     * a per-request basis through the `handleRedirectResponse` callback option. If a `false` is returned from either, the
+     * redirect will be cancelled.
+     *
+     * @param {string} url
+     * @returns {void}
+     */
+    processRedirect(url) {
+        // Run a custom per-request redirect handler. If false is returned, don't run the redirect.
+        if (typeof this.options.handleRedirectResponse === 'function') {
+            if (this.options.handleRedirectResponse.apply(this, [url]) === false) {
+                return;
+            }
+        }
+
+        // Allow plugins to cancel the redirect
+        if (this.snowboard.globalEvent('ajaxRedirect', url, this) === false) {
+            return;
+        }
+
+        // Indicate that the AJAX request is finished if we're still on the current page
+        // so that the loading indicator for redirects that just change the hash value of
+        // the URL instead of leaving the page will properly stop.
+        // @see https://github.com/octobercms/october/issues/2780
+        window.addEventListener('popstate', () => {
+            if (this.element) {
+                const event = document.createEvent('CustomEvent');
+                event.eventName = 'ajaxRedirected';
+                this.element.dispatchEvent(event);
+            }
+        }, {
+            once: true,
+        });
+
+        window.location.assign(url);
+    }
+
+    /**
+     * Processes an error message.
+     *
+     * By default, this processor will simply alert the user through a simple `alert()` call.
+     *
+     * Plugins can augment this functionality from the `ajaxErrorMessage` event. You may also override this functionality
+     * on a per-request basis through the `handleErrorMessage` callback option. If a `false` is returned from either, the
+     * error message handling will be cancelled.
+     *
+     * @param {string} message
+     * @returns {void}
+     */
+    processErrorMessage(message) {
+        // Run a custom per-request handler for error messages. If false is returned, do not process the error messages
+        // any further.
+        if (typeof this.options.handleErrorMessage === 'function') {
+            if (this.options.handleErrorMessage.apply(this, [message]) === false) {
+                return;
+            }
+        }
+
+        // Allow plugins to cancel the error message being shown
+        if (this.snowboard.globalEvent('ajaxErrorMessage', message, this) === false) {
+            return;
+        }
+
+        // By default, show a browser error message
+        window.alert(message);
+    }
+
+    /**
+     * Processes flash messages from the response.
+     *
+     * By default, no flash message handling will occur.
+     *
+     * Plugins can augment this functionality from the `ajaxFlashMessages` event. You may also override this functionality
+     * on a per-request basis through the `handleFlashMessages` callback option. If a `false` is returned from either, the
+     * flash message handling will be cancelled.
+     *
+     * @param {Object} messages
+     * @returns
+     */
+    processFlashMessages(messages) {
+        // Run a custom per-request flash handler. If false is returned, don't show the flash message
+        if (typeof this.options.handleFlashMessages === 'function') {
+            if (this.options.handleFlashMessages.apply(this, [messages]) === false) {
+                return;
+            }
+        }
+
+        this.snowboard.globalEvent('ajaxFlashMessages', messages, this);
+    }
+
+    /**
+     * Processes validation errors for fields.
+     *
+     * By default, no validation error handling will occur.
+     *
+     * Plugins can augment this functionality from the `ajaxValidationErrors` event. You may also override this functionality
+     * on a per-request basis through the `handleValidationErrors` callback option. If a `false` is returned from either, the
+     * validation error handling will be cancelled.
+     *
+     * @param {Object} fields
+     * @returns
+     */
+    processValidationErrors(fields) {
+        if (typeof this.options.handleValidationErrors === 'function') {
+            if (this.options.handleValidationErrors.apply(this, [this.form, fields]) === false) {
+                return;
+            }
+        }
+
+        // Allow plugins to cancel the validation errors being handled
+        this.snowboard.globalEvent('ajaxValidationErrors', this.form, fields, this);
+    }
+
+    /**
+     * Confirms the request with the user before proceeding.
+     *
+     * This is an asynchronous method. By default, it will use the browser's `confirm()` method to query the user to
+     * confirm the action. This method will return a Promise with a boolean value depending on whether the user confirmed
+     * or not.
+     *
+     * Plugins can augment this functionality from the `ajaxConfirmMessage` event. You may also override this functionality
+     * on a per-request basis through the `handleConfirmMessage` callback option. If a `false` is returned from either,
+     * the confirmation is assumed to have been denied.
+     *
+     * @returns {Promise}
+     */
+    async doConfirm() {
+        // Allow for a custom handler for the confirmation, per request.
+        if (typeof this.options.handleConfirmMessage === 'function') {
+            if (this.options.handleConfirmMessage.apply(this, [this.confirm]) === false) {
+                return false;
+            }
+
+            return true;
+        }
+
+        // If no plugins have customised the confirmation, use a simple browser confirmation.
+        if (this.snowboard.listensToEvent('ajaxConfirmMessage').length === 0) {
+            return window.confirm(this.confirm);
+        }
+
+        // Run custom plugin confirmations
+        const promises = this.snowboard.globalPromiseEvent('ajaxConfirmMessage', this.confirm, this);
+
+        try {
+            const fulfilled = await promises;
+            if (fulfilled) {
+                return true;
+            }
+        } catch (e) {
+            return false;
+        }
+
+        return false;
+    }
+
+    get form() {
+        if (this.options.form) {
+            return this.options.form;
+        }
+        if (!this.element) {
+            return null;
+        }
+        if (this.element.tagName === 'FORM') {
+            return this.element;
+        }
+
+        return this.element.closest('form');
+    }
+
+    get context() {
+        return {
+            handler: this.handler,
+            options: this.options,
+        };
+    }
+
+    get headers() {
+        const headers = {
+            'X-Requested-With': 'XMLHttpRequest', // Keeps compatibility with jQuery AJAX
+            'X-WINTER-REQUEST-HANDLER': this.handler,
+            'X-WINTER-REQUEST-PARTIALS': this.extractPartials(this.options.update || []),
+        };
+
+        if (this.flash) {
+            headers['X-WINTER-REQUEST-FLASH'] = 1;
+        }
+
+        if (this.xsrfToken) {
+            headers['X-XSRF-TOKEN'] = this.xsrfToken;
+        }
+
+        return headers;
+    }
+
+    get loading() {
+        return this.options.loading || false;
+    }
+
+    get url() {
+        return this.options.url || window.location.href;
+    }
+
+    get redirect() {
+        return (this.options.redirect && this.options.redirect.length) ? this.options.redirect : null;
+    }
+
+    get flash() {
+        return this.options.flash || false;
+    }
+
+    get files() {
+        if (this.options.files === true) {
+            if (FormData === undefined) {
+                this.snowboard.debug('This browser does not support file uploads');
+                return false;
+            }
+
+            return true;
+        }
+
+        return false;
+    }
+
+    get xsrfToken() {
+        return this.snowboard.cookie().get('XSRF-TOKEN');
+    }
+
+    get data() {
+        const data = (typeof this.options.data === 'object') ? this.options.data : {};
+
+        const formData = new FormData(this.form || undefined);
+        if (Object.keys(data).length > 0) {
+            Object.entries(data).forEach((entry) => {
+                const [key, value] = entry;
+                formData.append(key, value);
+            });
+        }
+
+        return formData;
+    }
+
+    get confirm() {
+        return this.options.confirm || false;
+    }
+
+    /**
+     * Extracts partials.
+     *
+     * @param {Object} update
+     * @returns {string}
+     */
+    extractPartials(update) {
+        return Object.keys(update).join('&');
+    }
+
+    /**
+     * Renders an error with useful debug information.
+     *
+     * This method is used internally when the AJAX request could not be completed or processed correctly due to an error.
+     *
+     * @param {string} message
+     * @param {string} exception
+     * @param {string} file
+     * @param {Number} line
+     * @param {string[]} trace
+     * @returns {Error}
+     */
+    renderError(message, exception, file, line, trace) {
+        const error = new Error(message);
+        error.exception = exception || null;
+        error.file = file || null;
+        error.line = line || null;
+        error.trace = trace || [];
+        return error;
+    }
+}
+
+Snowboard.addPlugin('request', Request);
diff --git a/modules/system/assets/js/snowboard/ajax/handlers/AttributeRequest.js b/modules/system/assets/js/snowboard/ajax/handlers/AttributeRequest.js
new file mode 100644
index 0000000000..61effed781
--- /dev/null
+++ b/modules/system/assets/js/snowboard/ajax/handlers/AttributeRequest.js
@@ -0,0 +1,327 @@
+/**
+ * Enable Data Attributes API for AJAX requests.
+ *
+ * This is an extension of the base AJAX functionality that includes handling of HTML data attributes for processing
+ * AJAX requests. It is separated from the base AJAX functionality to allow developers to opt-out of data attribute
+ * requests if they do not intend to use them.
+ *
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ */
+class AttributeRequest extends Snowboard.Singleton {
+    /**
+     * Listeners.
+     *
+     * @returns {Object}
+     */
+    listens() {
+        return {
+            ready: 'ready',
+            ajaxSetup: 'onAjaxSetup',
+        };
+    }
+
+    /**
+     * Ready event callback.
+     *
+     * Attaches handlers to the window to listen for all request interactions.
+     */
+    ready() {
+        this.attachHandlers();
+        this.disableDefaultFormValidation();
+    }
+
+    /**
+     * Dependencies.
+     *
+     * @returns {string[]}
+     */
+    dependencies() {
+        return ['request', 'jsonParser'];
+    }
+
+    /**
+     * Destructor.
+     *
+     * Detaches all handlers.
+     */
+    destructor() {
+        this.detachHandlers();
+
+        super.destructor();
+    }
+
+    /**
+     * Attaches the necessary handlers for all request interactions.
+     */
+    attachHandlers() {
+        window.addEventListener('change', (event) => this.changeHandler(event));
+        window.addEventListener('click', (event) => this.clickHandler(event));
+        window.addEventListener('keydown', (event) => this.keyDownHandler(event));
+        window.addEventListener('submit', (event) => this.submitHandler(event));
+    }
+
+    /**
+     * Disables default form validation for AJAX forms.
+     *
+     * A form that contains a `data-request` attribute to specify an AJAX call without including a `data-browser-validate`
+     * attribute means that the AJAX callback function will likely be handling the validation instead.
+     */
+    disableDefaultFormValidation() {
+        document.querySelectorAll('form[data-request]:not([data-browser-validate])').forEach((form) => {
+            form.setAttribute('novalidate', true);
+        });
+    }
+
+    /**
+     * Detaches the necessary handlers for all request interactions.
+     */
+    detachHandlers() {
+        window.removeEventListener('change', (event) => this.changeHandler(event));
+        window.removeEventListener('click', (event) => this.clickHandler(event));
+        window.removeEventListener('keydown', (event) => this.keyDownHandler(event));
+        window.removeEventListener('submit', (event) => this.submitHandler(event));
+    }
+
+    /**
+     * Handles changes to select, radio, checkbox and file inputs.
+     *
+     * @param {Event} event
+     */
+    changeHandler(event) {
+        // Check that we are changing a valid element
+        if (!event.target.matches(
+            'select[data-request], input[type=radio][data-request], input[type=checkbox][data-request], input[type=file][data-request]',
+        )) {
+            return;
+        }
+
+        this.processRequestOnElement(event.target);
+    }
+
+    /**
+     * Handles clicks on hyperlinks and buttons.
+     *
+     * This event can bubble up the hierarchy to find a suitable request element.
+     *
+     * @param {Event} event
+     */
+    clickHandler(event) {
+        let currentElement = event.target;
+
+        while (currentElement.tagName !== 'HTML') {
+            if (!currentElement.matches(
+                'a[data-request], button[data-request], input[type=button][data-request], input[type=submit][data-request]',
+            )) {
+                currentElement = currentElement.parentElement;
+            } else {
+                event.preventDefault();
+                this.processRequestOnElement(currentElement);
+                break;
+            }
+        }
+    }
+
+    /**
+     * Handles key presses on inputs
+     *
+     * @param {Event} event
+     */
+    keyDownHandler(event) {
+        // Check that we are inputting into a valid element
+        if (!event.target.matches(
+            'input',
+        )) {
+            return;
+        }
+
+        // Check that the input type is valid
+        const validTypes = [
+            'checkbox',
+            'color',
+            'date',
+            'datetime',
+            'datetime-local',
+            'email',
+            'image',
+            'month',
+            'number',
+            'password',
+            'radio',
+            'range',
+            'search',
+            'tel',
+            'text',
+            'time',
+            'url',
+            'week',
+        ];
+        if (validTypes.indexOf(event.target.getAttribute('type')) === -1) {
+            return;
+        }
+
+        if (event.key === 'Enter' && event.target.matches('*[data-request]')) {
+            this.processRequestOnElement(event.target);
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        } else if (event.target.matches('*[data-track-input]')) {
+            this.trackInput(event.target);
+        }
+    }
+
+    /**
+     * Handles form submissions.
+     *
+     * @param {Event} event
+     */
+    submitHandler(event) {
+        // Check that we are submitting a valid form
+        if (!event.target.matches(
+            'form[data-request]',
+        )) {
+            return;
+        }
+
+        event.preventDefault();
+
+        this.processRequestOnElement(event.target);
+    }
+
+    /**
+     * Processes a request on a given element, using its data attributes.
+     *
+     * @param {HTMLElement} element
+     */
+    processRequestOnElement(element) {
+        const data = element.dataset;
+
+        const handler = String(data.request);
+        const options = {
+            confirm: ('requestConfirm' in data) ? String(data.requestConfirm) : null,
+            redirect: ('requestRedirect' in data) ? String(data.requestRedirect) : null,
+            loading: ('requestLoading' in data) ? String(data.requestLoading) : null,
+            flash: ('requestFlash' in data),
+            files: ('requestFiles' in data),
+            browserValidate: ('requestBrowserValidate' in data),
+            form: ('requestForm' in data) ? String(data.requestForm) : null,
+            url: ('requestUrl' in data) ? String(data.requestUrl) : null,
+            update: ('requestUpdate' in data) ? this.parseData(String(data.requestUpdate)) : [],
+            data: ('requestData' in data) ? this.parseData(String(data.requestData)) : [],
+        };
+
+        this.snowboard.request(element, handler, options);
+    }
+
+    /**
+     * Sets up an AJAX request via HTML attributes.
+     *
+     * @param {Request} request
+     */
+    onAjaxSetup(request) {
+        const fieldName = request.element.getAttribute('name');
+
+        const data = {
+            ...this.getParentRequestData(request.element),
+            ...request.options.data,
+        };
+
+        if (request.element && request.element.matches('input, textarea, select, button') && !request.form && fieldName && !request.options.data[fieldName]) {
+            data[fieldName] = request.element.value;
+        }
+
+        request.options.data = data;
+    }
+
+    /**
+     * Parses and collates all data from elements up the DOM hierarchy.
+     *
+     * @param {Element} target
+     * @returns {Object}
+     */
+    getParentRequestData(target) {
+        const elements = [];
+        let data = {};
+        let currentElement = target;
+
+        while (currentElement.parentElement && currentElement.parentElement.tagName !== 'HTML') {
+            elements.push(currentElement.parentElement);
+            currentElement = currentElement.parentElement;
+        }
+
+        elements.reverse();
+
+        elements.forEach((element) => {
+            const elementData = element.dataset;
+
+            if ('requestData' in elementData) {
+                data = {
+                    ...data,
+                    ...this.parseData(elementData.requestData),
+                };
+            }
+        });
+
+        return data;
+    }
+
+    /**
+     * Parses data in the Winter/October JSON format.
+     *
+     * @param {String} data
+     * @returns {Object}
+     */
+    parseData(data) {
+        let value;
+
+        if (data === undefined) {
+            value = '';
+        }
+        if (typeof value === 'object') {
+            return value;
+        }
+
+        try {
+            return this.snowboard.jsonparser().parse(`{${data}}`);
+        } catch (e) {
+            throw new Error(`Error parsing the data attribute on element: ${e.message}`);
+        }
+    }
+
+    trackInput(element) {
+        const { lastValue } = element.dataset;
+        const interval = element.dataset.trackInput || 300;
+
+        if (lastValue !== undefined && lastValue === element.value) {
+            return;
+        }
+
+        this.resetTrackInputTimer(element);
+
+        element.dataset.trackInput = window.setTimeout(() => {
+            if (element.dataset.request) {
+                this.processRequestOnElement(element);
+                return;
+            }
+
+            // Traverse up the hierarchy and find a form that sends an AJAX query
+            let currentElement = element;
+            while (currentElement.parentElement && currentElement.parentElement.tagName !== 'HTML') {
+                currentElement = currentElement.parentElement;
+
+                if (currentElement.tagName === 'FORM' && currentElement.dataset.request) {
+                    this.processRequestOnElement(currentElement);
+                    break;
+                }
+            }
+        }, interval);
+    }
+
+    resetTrackInputTimer(element) {
+        if (element.dataset.trackInput) {
+            window.clearTimeout(element.dataset.trackInput);
+            element.dataset.trackInput = null;
+        }
+    }
+}
+
+Snowboard.addPlugin('attributeRequest', AttributeRequest);
diff --git a/modules/system/assets/js/snowboard/build/snowboard.base.debug.js b/modules/system/assets/js/snowboard/build/snowboard.base.debug.js
new file mode 100644
index 0000000000..5ab4e90740
--- /dev/null
+++ b/modules/system/assets/js/snowboard/build/snowboard.base.debug.js
@@ -0,0 +1,3 @@
+!function(){var t={2220:function(t,e,n){var r=n(2569),o=n(4354),i=n(3700),s=r.TypeError;t.exports=function(t){if(o(t))return t;throw s(i(t)+" is not a function")}},3467:function(t,e,n){var r=n(2569),o=n(4354),i=r.String,s=r.TypeError;t.exports=function(t){if("object"==typeof t||o(t))return t;throw s("Can't set "+i(t)+" as a prototype")}},2834:function(t,e,n){var r=n(2931),o=n(9062),i=n(378),s=r("unscopables"),c=Array.prototype;null==c[s]&&i.f(c,s,{configurable:!0,value:o(null)}),t.exports=function(t){c[s][t]=!0}},1421:function(t,e,n){var r=n(2569),o=n(1651),i=r.String,s=r.TypeError;t.exports=function(t){if(o(t))return t;throw s(i(t)+" is not an object")}},4041:function(t,e,n){var r=n(7830),o=n(7841),i=n(6095),s=function(t){return function(e,n,s){var c,a=r(e),u=i(a),f=o(s,u);if(t&&n!=n){for(;u>f;)if((c=a[f++])!=c)return!0}else for(;u>f;f++)if((t||f in a)&&a[f]===n)return t||f||0;return!t&&-1}};t.exports={includes:s(!0),indexOf:s(!1)}},8250:function(t,e,n){var r=n(1540),o=r({}.toString),i=r("".slice);t.exports=function(t){return i(o(t),8,-1)}},8778:function(t,e,n){var r=n(5320),o=n(6830),i=n(892),s=n(378);t.exports=function(t,e,n){for(var c=o(e),a=s.f,u=i.f,f=0;f<c.length;f++){var l=c[f];r(t,l)||n&&r(n,l)||a(t,l,u(e,l))}}},5031:function(t,e,n){var r=n(2112);t.exports=!r((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}))},4170:function(t,e,n){"use strict";var r=n(5756).IteratorPrototype,o=n(9062),i=n(3233),s=n(2087),c=n(9259),a=function(){return this};t.exports=function(t,e,n,u){var f=e+" Iterator";return t.prototype=o(r,{next:i(+!u,n)}),s(t,f,!1,!0),c[f]=a,t}},7632:function(t,e,n){var r=n(1738),o=n(378),i=n(3233);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},3233:function(t){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},1084:function(t,e,n){"use strict";var r=n(7641),o=n(7425),i=n(1274),s=n(34),c=n(4354),a=n(4170),u=n(9299),f=n(4001),l=n(2087),h=n(7632),p=n(8946),g=n(2931),d=n(9259),b=n(5756),v=s.PROPER,y=s.CONFIGURABLE,w=b.IteratorPrototype,m=b.BUGGY_SAFARI_ITERATORS,O=g("iterator"),S="keys",x="values",j="entries",E=function(){return this};t.exports=function(t,e,n,s,g,b,P){a(n,e,s);var k,L,T,A=function(t){if(t===g&&B)return B;if(!m&&t in I)return I[t];switch(t){case S:case x:case j:return function(){return new n(this,t)}}return function(){return new n(this)}},C=e+" Iterator",F=!1,I=t.prototype,N=I[O]||I["@@iterator"]||g&&I[g],B=!m&&N||A(g),M="Array"==e&&I.entries||N;if(M&&(k=u(M.call(new t)))!==Object.prototype&&k.next&&(i||u(k)===w||(f?f(k,w):c(k[O])||p(k,O,E)),l(k,C,!0,!0),i&&(d[C]=E)),v&&g==x&&N&&N.name!==x&&(!i&&y?h(I,"name",x):(F=!0,B=function(){return o(N,this)})),g)if(L={values:A(x),keys:b?B:A(S),entries:A(j)},P)for(T in L)(m||F||!(T in I))&&p(I,T,L[T]);else r({target:e,proto:!0,forced:m||F},L);return i&&!P||I[O]===B||p(I,O,B,{name:g}),d[e]=B,L}},1738:function(t,e,n){var r=n(2112);t.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},7934:function(t,e,n){var r=n(2569),o=n(1651),i=r.document,s=o(i)&&o(i.createElement);t.exports=function(t){return s?i.createElement(t):{}}},7921:function(t){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},6583:function(t,e,n){var r=n(7934)("span").classList,o=r&&r.constructor&&r.constructor.prototype;t.exports=o===Object.prototype?void 0:o},2831:function(t,e,n){var r=n(2430);t.exports=r("navigator","userAgent")||""},9318:function(t,e,n){var r,o,i=n(2569),s=n(2831),c=i.process,a=i.Deno,u=c&&c.versions||a&&a.version,f=u&&u.v8;f&&(o=(r=f.split("."))[0]>0&&r[0]<4?1:+(r[0]+r[1])),!o&&s&&(!(r=s.match(/Edge\/(\d+)/))||r[1]>=74)&&(r=s.match(/Chrome\/(\d+)/))&&(o=+r[1]),t.exports=o},4328:function(t){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},7641:function(t,e,n){var r=n(2569),o=n(892).f,i=n(7632),s=n(8946),c=n(2024),a=n(8778),u=n(8787);t.exports=function(t,e){var n,f,l,h,p,g=t.target,d=t.global,b=t.stat;if(n=d?r:b?r[g]||c(g,{}):(r[g]||{}).prototype)for(f in e){if(h=e[f],l=t.noTargetGet?(p=o(n,f))&&p.value:n[f],!u(d?f:g+(b?".":"#")+f,t.forced)&&void 0!==l){if(typeof h==typeof l)continue;a(h,l)}(t.sham||l&&l.sham)&&i(h,"sham",!0),s(n,f,h,t)}}},2112:function(t){t.exports=function(t){try{return!!t()}catch(t){return!0}}},9581:function(t,e,n){var r=n(2112);t.exports=!r((function(){var t=function(){}.bind();return"function"!=typeof t||t.hasOwnProperty("prototype")}))},7425:function(t,e,n){var r=n(9581),o=Function.prototype.call;t.exports=r?o.bind(o):function(){return o.apply(o,arguments)}},34:function(t,e,n){var r=n(1738),o=n(5320),i=Function.prototype,s=r&&Object.getOwnPropertyDescriptor,c=o(i,"name"),a=c&&"something"===function(){}.name,u=c&&(!r||r&&s(i,"name").configurable);t.exports={EXISTS:c,PROPER:a,CONFIGURABLE:u}},1540:function(t,e,n){var r=n(9581),o=Function.prototype,i=o.bind,s=o.call,c=r&&i.bind(s,s);t.exports=r?function(t){return t&&c(t)}:function(t){return t&&function(){return s.apply(t,arguments)}}},2430:function(t,e,n){var r=n(2569),o=n(4354),i=function(t){return o(t)?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t]):r[t]&&r[t][e]}},5324:function(t,e,n){var r=n(2220);t.exports=function(t,e){var n=t[e];return null==n?void 0:r(n)}},2569:function(t,e,n){var r=function(t){return t&&t.Math==Math&&t};t.exports=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof n.g&&n.g)||function(){return this}()||Function("return this")()},5320:function(t,e,n){var r=n(1540),o=n(6416),i=r({}.hasOwnProperty);t.exports=Object.hasOwn||function(t,e){return i(o(t),e)}},9012:function(t){t.exports={}},99:function(t,e,n){var r=n(2430);t.exports=r("document","documentElement")},8232:function(t,e,n){var r=n(1738),o=n(2112),i=n(7934);t.exports=!r&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},6674:function(t,e,n){var r=n(2569),o=n(1540),i=n(2112),s=n(8250),c=r.Object,a=o("".split);t.exports=i((function(){return!c("z").propertyIsEnumerable(0)}))?function(t){return"String"==s(t)?a(t,""):c(t)}:c},5193:function(t,e,n){var r=n(1540),o=n(4354),i=n(7039),s=r(Function.toString);o(i.inspectSource)||(i.inspectSource=function(t){return s(t)}),t.exports=i.inspectSource},3500:function(t,e,n){var r,o,i,s=n(5965),c=n(2569),a=n(1540),u=n(1651),f=n(7632),l=n(5320),h=n(7039),p=n(9097),g=n(9012),d="Object already initialized",b=c.TypeError,v=c.WeakMap;if(s||h.state){var y=h.state||(h.state=new v),w=a(y.get),m=a(y.has),O=a(y.set);r=function(t,e){if(m(y,t))throw new b(d);return e.facade=t,O(y,t,e),e},o=function(t){return w(y,t)||{}},i=function(t){return m(y,t)}}else{var S=p("state");g[S]=!0,r=function(t,e){if(l(t,S))throw new b(d);return e.facade=t,f(t,S,e),e},o=function(t){return l(t,S)?t[S]:{}},i=function(t){return l(t,S)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!u(e)||(n=o(e)).type!==t)throw b("Incompatible receiver, "+t+" required");return n}}}},4354:function(t){t.exports=function(t){return"function"==typeof t}},8787:function(t,e,n){var r=n(2112),o=n(4354),i=/#|\.prototype\./,s=function(t,e){var n=a[c(t)];return n==f||n!=u&&(o(e)?r(e):!!e)},c=s.normalize=function(t){return String(t).replace(i,".").toLowerCase()},a=s.data={},u=s.NATIVE="N",f=s.POLYFILL="P";t.exports=s},1651:function(t,e,n){var r=n(4354);t.exports=function(t){return"object"==typeof t?null!==t:r(t)}},1274:function(t){t.exports=!1},8937:function(t,e,n){var r=n(2569),o=n(2430),i=n(4354),s=n(7652),c=n(7374),a=r.Object;t.exports=c?function(t){return"symbol"==typeof t}:function(t){var e=o("Symbol");return i(e)&&s(e.prototype,a(t))}},5756:function(t,e,n){"use strict";var r,o,i,s=n(2112),c=n(4354),a=n(9062),u=n(9299),f=n(8946),l=n(2931),h=n(1274),p=l("iterator"),g=!1;[].keys&&("next"in(i=[].keys())?(o=u(u(i)))!==Object.prototype&&(r=o):g=!0),null==r||s((function(){var t={};return r[p].call(t)!==t}))?r={}:h&&(r=a(r)),c(r[p])||f(r,p,(function(){return this})),t.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:g}},9259:function(t){t.exports={}},6095:function(t,e,n){var r=n(9309);t.exports=function(t){return r(t.length)}},5598:function(t,e,n){var r=n(9318),o=n(2112);t.exports=!!Object.getOwnPropertySymbols&&!o((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&r&&r<41}))},5965:function(t,e,n){var r=n(2569),o=n(4354),i=n(5193),s=r.WeakMap;t.exports=o(s)&&/native code/.test(i(s))},9062:function(t,e,n){var r,o=n(1421),i=n(3116),s=n(4328),c=n(9012),a=n(99),u=n(7934),f=n(9097),l=f("IE_PROTO"),h=function(){},p=function(t){return"<script>"+t+"</"+"script>"},g=function(t){t.write(p("")),t.close();var e=t.parentWindow.Object;return t=null,e},d=function(){try{r=new ActiveXObject("htmlfile")}catch(t){}var t,e;d="undefined"!=typeof document?document.domain&&r?g(r):((e=u("iframe")).style.display="none",a.appendChild(e),e.src=String("javascript:"),(t=e.contentWindow.document).open(),t.write(p("document.F=Object")),t.close(),t.F):g(r);for(var n=s.length;n--;)delete d.prototype[s[n]];return d()};c[l]=!0,t.exports=Object.create||function(t,e){var n;return null!==t?(h.prototype=o(t),n=new h,h.prototype=null,n[l]=t):n=d(),void 0===e?n:i.f(n,e)}},3116:function(t,e,n){var r=n(1738),o=n(5734),i=n(378),s=n(1421),c=n(7830),a=n(2551);e.f=r&&!o?Object.defineProperties:function(t,e){s(t);for(var n,r=c(e),o=a(e),u=o.length,f=0;u>f;)i.f(t,n=o[f++],r[n]);return t}},378:function(t,e,n){var r=n(2569),o=n(1738),i=n(8232),s=n(5734),c=n(1421),a=n(7411),u=r.TypeError,f=Object.defineProperty,l=Object.getOwnPropertyDescriptor,h="enumerable",p="configurable",g="writable";e.f=o?s?function(t,e,n){if(c(t),e=a(e),c(n),"function"==typeof t&&"prototype"===e&&"value"in n&&g in n&&!n.writable){var r=l(t,e);r&&r.writable&&(t[e]=n.value,n={configurable:p in n?n.configurable:r.configurable,enumerable:h in n?n.enumerable:r.enumerable,writable:!1})}return f(t,e,n)}:f:function(t,e,n){if(c(t),e=a(e),c(n),i)try{return f(t,e,n)}catch(t){}if("get"in n||"set"in n)throw u("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},892:function(t,e,n){var r=n(1738),o=n(7425),i=n(7079),s=n(3233),c=n(7830),a=n(7411),u=n(5320),f=n(8232),l=Object.getOwnPropertyDescriptor;e.f=r?l:function(t,e){if(t=c(t),e=a(e),f)try{return l(t,e)}catch(t){}if(u(t,e))return s(!o(i.f,t,e),t[e])}},9704:function(t,e,n){var r=n(9313),o=n(4328).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},419:function(t,e){e.f=Object.getOwnPropertySymbols},9299:function(t,e,n){var r=n(2569),o=n(5320),i=n(4354),s=n(6416),c=n(9097),a=n(5031),u=c("IE_PROTO"),f=r.Object,l=f.prototype;t.exports=a?f.getPrototypeOf:function(t){var e=s(t);if(o(e,u))return e[u];var n=e.constructor;return i(n)&&e instanceof n?n.prototype:e instanceof f?l:null}},7652:function(t,e,n){var r=n(1540);t.exports=r({}.isPrototypeOf)},9313:function(t,e,n){var r=n(1540),o=n(5320),i=n(7830),s=n(4041).indexOf,c=n(9012),a=r([].push);t.exports=function(t,e){var n,r=i(t),u=0,f=[];for(n in r)!o(c,n)&&o(r,n)&&a(f,n);for(;e.length>u;)o(r,n=e[u++])&&(~s(f,n)||a(f,n));return f}},2551:function(t,e,n){var r=n(9313),o=n(4328);t.exports=Object.keys||function(t){return r(t,o)}},7079:function(t,e){"use strict";var n={}.propertyIsEnumerable,r=Object.getOwnPropertyDescriptor,o=r&&!n.call({1:2},1);e.f=o?function(t){var e=r(this,t);return!!e&&e.enumerable}:n},4001:function(t,e,n){var r=n(1540),o=n(1421),i=n(3467);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,n={};try{(t=r(Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set))(n,[]),e=n instanceof Array}catch(t){}return function(n,r){return o(n),i(r),e?t(n,r):n.__proto__=r,n}}():void 0)},6964:function(t,e,n){var r=n(2569),o=n(7425),i=n(4354),s=n(1651),c=r.TypeError;t.exports=function(t,e){var n,r;if("string"===e&&i(n=t.toString)&&!s(r=o(n,t)))return r;if(i(n=t.valueOf)&&!s(r=o(n,t)))return r;if("string"!==e&&i(n=t.toString)&&!s(r=o(n,t)))return r;throw c("Can't convert object to primitive value")}},6830:function(t,e,n){var r=n(2430),o=n(1540),i=n(9704),s=n(419),c=n(1421),a=o([].concat);t.exports=r("Reflect","ownKeys")||function(t){var e=i.f(c(t)),n=s.f;return n?a(e,n(t)):e}},8946:function(t,e,n){var r=n(2569),o=n(4354),i=n(5320),s=n(7632),c=n(2024),a=n(5193),u=n(3500),f=n(34).CONFIGURABLE,l=u.get,h=u.enforce,p=String(String).split("String");(t.exports=function(t,e,n,a){var u,l=!!a&&!!a.unsafe,g=!!a&&!!a.enumerable,d=!!a&&!!a.noTargetGet,b=a&&void 0!==a.name?a.name:e;o(n)&&("Symbol("===String(b).slice(0,7)&&(b="["+String(b).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),(!i(n,"name")||f&&n.name!==b)&&s(n,"name",b),(u=h(n)).source||(u.source=p.join("string"==typeof b?b:""))),t!==r?(l?!d&&t[e]&&(g=!0):delete t[e],g?t[e]=n:s(t,e,n)):g?t[e]=n:c(e,n)})(Function.prototype,"toString",(function(){return o(this)&&l(this).source||a(this)}))},1196:function(t,e,n){var r=n(2569).TypeError;t.exports=function(t){if(null==t)throw r("Can't call method on "+t);return t}},2024:function(t,e,n){var r=n(2569),o=Object.defineProperty;t.exports=function(t,e){try{o(r,t,{value:e,configurable:!0,writable:!0})}catch(n){r[t]=e}return e}},2087:function(t,e,n){var r=n(378).f,o=n(5320),i=n(2931)("toStringTag");t.exports=function(t,e,n){t&&!n&&(t=t.prototype),t&&!o(t,i)&&r(t,i,{configurable:!0,value:e})}},9097:function(t,e,n){var r=n(9944),o=n(9225),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},7039:function(t,e,n){var r=n(2569),o=n(2024),i="__core-js_shared__",s=r[i]||o(i,{});t.exports=s},9944:function(t,e,n){var r=n(1274),o=n(7039);(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.21.0",mode:r?"pure":"global",copyright:"© 2014-2022 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.21.0/LICENSE",source:"https://github.com/zloirock/core-js"})},7841:function(t,e,n){var r=n(1859),o=Math.max,i=Math.min;t.exports=function(t,e){var n=r(t);return n<0?o(n+e,0):i(n,e)}},7830:function(t,e,n){var r=n(6674),o=n(1196);t.exports=function(t){return r(o(t))}},1859:function(t){var e=Math.ceil,n=Math.floor;t.exports=function(t){var r=+t;return r!=r||0===r?0:(r>0?n:e)(r)}},9309:function(t,e,n){var r=n(1859),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},6416:function(t,e,n){var r=n(2569),o=n(1196),i=r.Object;t.exports=function(t){return i(o(t))}},38:function(t,e,n){var r=n(2569),o=n(7425),i=n(1651),s=n(8937),c=n(5324),a=n(6964),u=n(2931),f=r.TypeError,l=u("toPrimitive");t.exports=function(t,e){if(!i(t)||s(t))return t;var n,r=c(t,l);if(r){if(void 0===e&&(e="default"),n=o(r,t,e),!i(n)||s(n))return n;throw f("Can't convert object to primitive value")}return void 0===e&&(e="number"),a(t,e)}},7411:function(t,e,n){var r=n(38),o=n(8937);t.exports=function(t){var e=r(t,"string");return o(e)?e:e+""}},3700:function(t,e,n){var r=n(2569).String;t.exports=function(t){try{return r(t)}catch(t){return"Object"}}},9225:function(t,e,n){var r=n(1540),o=0,i=Math.random(),s=r(1..toString);t.exports=function(t){return"Symbol("+(void 0===t?"":t)+")_"+s(++o+i,36)}},7374:function(t,e,n){var r=n(5598);t.exports=r&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},5734:function(t,e,n){var r=n(1738),o=n(2112);t.exports=r&&o((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},2931:function(t,e,n){var r=n(2569),o=n(9944),i=n(5320),s=n(9225),c=n(5598),a=n(7374),u=o("wks"),f=r.Symbol,l=f&&f.for,h=a?f:f&&f.withoutSetter||s;t.exports=function(t){if(!i(u,t)||!c&&"string"!=typeof u[t]){var e="Symbol."+t;c&&i(f,t)?u[t]=f[t]:u[t]=a&&l?l(e):h(e)}return u[t]}},5006:function(t,e,n){"use strict";var r=n(7830),o=n(2834),i=n(9259),s=n(3500),c=n(378).f,a=n(1084),u=n(1274),f=n(1738),l="Array Iterator",h=s.set,p=s.getterFor(l);t.exports=a(Array,"Array",(function(t,e){h(this,{type:l,target:r(t),index:0,kind:e})}),(function(){var t=p(this),e=t.target,n=t.kind,r=t.index++;return!e||r>=e.length?(t.target=void 0,{value:void 0,done:!0}):"keys"==n?{value:r,done:!1}:"values"==n?{value:e[r],done:!1}:{value:[r,e[r]],done:!1}}),"values");var g=i.Arguments=i.Array;if(o("keys"),o("values"),o("entries"),!u&&f&&"values"!==g.name)try{c(g,"name",{value:"values"})}catch(t){}},8669:function(t,e,n){var r=n(2569),o=n(7921),i=n(6583),s=n(5006),c=n(7632),a=n(2931),u=a("iterator"),f=a("toStringTag"),l=s.values,h=function(t,e){if(t){if(t[u]!==l)try{c(t,u,l)}catch(e){t[u]=l}if(t[f]||c(t,f,e),o[e])for(var n in s)if(t[n]!==s[n])try{c(t,n,s[n])}catch(e){t[n]=s[n]}}};for(var p in o)h(r[p]&&r[p].prototype,p);h(i,"DOMTokenList")}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={exports:{}};return t[r](i,i.exports,n),i.exports}n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),function(){"use strict";n(8669);class t{constructor(t){this.snowboard=t}dependencies(){return[]}listens(){return{}}destructor(){this.detach(),delete this.snowboard}}class e extends t{}class r{constructor(t,n,r){this.name=t,this.snowboard=n,this.instance=r,this.instances=[],this.singleton=r.prototype instanceof e,this.mocks={},this.originalFunctions={}}hasMethod(t){return!this.isFunction()&&"function"==typeof this.instance.prototype[t]}callMethod(){if(this.isFunction())return null;for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];const r=e,o=r.shift();return this.instance.prototype[o](r)}getInstance(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];if(this.isFunction())return this.instance(...n);if(!this.dependenciesFulfilled()){const t=this.getDependencies().filter((t=>!this.snowboard.getPluginNames().includes(t)));throw new Error('The "'.concat(this.name,'" plugin requires the following plugins: ').concat(t.join(", ")))}if(this.isSingleton())return 0===this.instances.length&&this.initialiseSingleton(),Object.keys(this.mocks).length>0&&(Object.entries(this.originalFunctions).forEach((t=>{const[e,n]=t;this.instances[0][e]=n})),Object.entries(this.mocks).forEach((e=>{const[n,r]=e;this.instances[0][n]=function(){for(var e=arguments.length,n=new Array(e),o=0;o<e;o++)n[o]=arguments[o];return r(t,...n)}}))),this.instances[0];Object.keys(this.mocks).length>0&&(Object.entries(this.originalFunctions).forEach((t=>{const[e,n]=t;this.instance.prototype[e]=n})),Object.entries(this.mocks).forEach((e=>{const[n,r]=e;this.instance.prototype[n]=function(){for(var e=arguments.length,n=new Array(e),o=0;o<e;o++)n[o]=arguments[o];return r(t,...n)}})));const o=new this.instance(this.snowboard,...n);return o.detach=()=>this.instances.splice(this.instances.indexOf(o),1),this.instances.push(o),o}getInstances(){return this.isFunction()?[]:this.instances}isFunction(){return"function"==typeof this.instance&&this.instance.prototype instanceof t==!1}isSingleton(){return this.instance.prototype instanceof e==!0}initialiseSingleton(){if(!this.isSingleton())return;const t=new this.instance(this.snowboard);t.detach=()=>this.instances.splice(this.instances.indexOf(t),1),this.instances.push(t)}getDependencies(){return this.isFunction()||"function"!=typeof this.instance.prototype.dependencies?[]:this.instance.prototype.dependencies().map((t=>t.toLowerCase()))}dependenciesFulfilled(){const t=this.getDependencies();let e=!0;return t.forEach((t=>{this.snowboard.hasPlugin(t)||(e=!1)})),e}mock(t,e){var n=this;if(!this.isFunction()){if(!this.instance.prototype[t])throw new Error('Function "'.concat(t,'" does not exist and cannot be mocked'));this.mocks[t]=e,this.originalFunctions[t]=this.instance.prototype[t],this.isSingleton()&&0===this.instances.length&&(this.initialiseSingleton(),this.instances[0][t]=function(){for(var t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return e(n,...r)})}}unmock(t){this.isFunction()||this.mocks[t]&&(this.isSingleton()&&(this.instances[0][t]=this.originalFunctions[t]),delete this.mocks[t],delete this.originalFunctions[t])}}
+/*! js-cookie v3.0.1 | MIT */
+function o(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)t[r]=n[r]}return t}var i=function t(e,n){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=o({},n,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var c in i)i[c]&&(s+="; "+c,!0!==i[c]&&(s+="="+i[c].split(";")[0]));return document.cookie=t+"="+e.write(r,t)+s}}return Object.create({set:r,get:function(t){if("undefined"!=typeof document&&(!arguments.length||t)){for(var n=document.cookie?document.cookie.split("; "):[],r={},o=0;o<n.length;o++){var i=n[o].split("="),s=i.slice(1).join("=");try{var c=decodeURIComponent(i[0]);if(r[c]=e.read(s,c),t===c)break}catch(t){}}return t?r[t]:r}},remove:function(t,e){r(t,"",o({},e,{expires:-1}))},withAttributes:function(e){return t(this.converter,o({},this.attributes,e))},withConverter:function(e){return t(o({},this.converter,e),this.attributes)}},{attributes:{value:Object.freeze(n)},converter:{value:Object.freeze(e)}})}({read:function(t){return'"'===t[0]&&(t=t.slice(1,-1)),t.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(t){return encodeURIComponent(t).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"}),s=i;function c(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function a(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?c(Object(n),!0).forEach((function(e){u(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function u(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}class f extends e{constructor(t){super(t),this.defaults={expires:null,path:"/",domain:null,secure:!1,sameSite:"Lax"}}setDefaults(t){if("object"!=typeof t)throw new Error("Cookie defaults must be provided as an object");Object.entries(t).forEach((t=>{const[e,n]=t;void 0!==this.defaults[e]&&(this.defaults[e]=n)}))}getDefaults(){const t={};return Object.entries(this.defaults).forEach((e=>{const[n,r]=e;null!==this.defaults[n]&&(t[n]=r)})),t}get(t){if(void 0===t){const t=s.get();return Object.entries(t).forEach((e=>{const[n,r]=e;this.snowboard.globalEvent("cookie.get",n,r,(e=>{t[n]=e}))})),t}let e=s.get(t);return this.snowboard.globalEvent("cookie.get",t,e,(t=>{e=t})),e}set(t,e,n){let r=e;return this.snowboard.globalEvent("cookie.set",t,e,(t=>{r=t})),s.set(t,r,a(a({},this.getDefaults()),n))}remove(t,e){s.remove(t,a(a({},this.getDefaults()),e))}}class l extends e{constructor(t){super(t),window.wnJSON=t=>this.parse(t),window.ocJSON=window.wnJSON}parse(t){const e=this.parseString(t);return JSON.parse(e)}parseString(t){let e=t.trim();if(!e.length)throw new Error("Broken JSON object.");let n="",r=null,o=null,i="";for(;e&&","===e[0];)e=e.substr(1);if('"'===e[0]||"'"===e[0]){if(e[e.length-1]!==e[0])throw new Error("Invalid string JSON object.");i='"';for(let t=1;t<e.length;t+=1)if("\\"===e[t])"'"===e[t+1]||(i+=e[t]),i+=e[t+1],t+=1;else{if(e[t]===e[0])return i+='"',i;'"'===e[t]?i+='\\"':i+=e[t]}throw new Error("Invalid string JSON object.")}if("true"===e||"false"===e)return e;if("null"===e)return"null";const s=parseFloat(e);if(!Number.isNaN(s))return s.toString();if("{"===e[0]){r="needKey",o=null,n="{";for(let t=1;t<e.length;t+=1)if(!this.isBlankChar(e[t]))if("needKey"!==r||'"'!==e[t]&&"'"!==e[t]){if("needKey"===r&&this.canBeKeyHead(e[t]))o=this.parseKey(e,t),n+='"',n+=o,n+='"',t+=o.length-1,r="afterKey";else if("afterKey"===r&&":"===e[t])n+=":",r=":";else if(":"===r)i=this.getBody(e,t),t=t+i.originLength-1,n+=this.parseString(i.body),r="afterBody";else if("afterBody"===r||"needKey"===r){let o=t;for(;","===e[o]||this.isBlankChar(e[o]);)o+=1;if("}"===e[o]&&o===e.length-1){for(;","===n[n.length-1];)n=n.substr(0,n.length-1);return n+="}",n}o!==t&&"{"!==n&&(n+=",",r="needKey",t=o-1)}}else o=this.parseKey(e,t+1,e[t]),n+='"'.concat(o,'"'),t+=o.length,t+=1,r="afterKey";throw new Error("Broken JSON object near ".concat(n))}if("["===e[0]){n="[",r="needBody";for(let t=1;t<e.length;t+=1)if(" "!==e[t]&&"\n"!==e[t]&&"\t"!==e[t])if("needBody"===r){if(","===e[t]){n+="null,";continue}if("]"===e[t]&&t===e.length-1)return","===n[n.length-1]&&(n=n.substr(0,n.length-1)),n+="]",n;i=this.getBody(e,t),t=t+i.originLength-1,n+=this.parseString(i.body),r="afterBody"}else if("afterBody"===r)if(","===e[t])for(n+=",",r="needBody";","===e[t+1]||this.isBlankChar(e[t+1]);)","===e[t+1]&&(n+="null,"),t+=1;else if("]"===e[t]&&t===e.length-1)return n+="]",n;throw new Error("Broken JSON array near ".concat(n))}return""}getBody(t,e){let n="";if('"'===t[e]||"'"===t[e]){n=t[e];for(let r=e+1;r<t.length;r+=1)if("\\"===t[r])n+=t[r],r+1<t.length&&(n+=t[r+1]),r+=1;else{if(t[r]===t[e])return n+=t[e],{originLength:n.length,body:n};n+=t[r]}throw new Error("Broken JSON string body near ".concat(n))}if("t"===t[e]){if(t.indexOf("true",e)===e)return{originLength:"true".length,body:"true"};throw new Error("Broken JSON boolean body near ".concat(t.substr(0,e+10)))}if("f"===t[e]){if(t.indexOf("f",e)===e)return{originLength:"false".length,body:"false"};throw new Error("Broken JSON boolean body near ".concat(t.substr(0,e+10)))}if("n"===t[e]){if(t.indexOf("null",e)===e)return{originLength:"null".length,body:"null"};throw new Error("Broken JSON boolean body near ".concat(t.substr(0,e+10)))}if("-"===t[e]||"+"===t[e]||"."===t[e]||t[e]>="0"&&t[e]<="9"){n="";for(let r=e;r<t.length;r+=1){if(!("-"===t[r]||"+"===t[r]||"."===t[r]||t[r]>="0"&&t[r]<="9"))return{originLength:n.length,body:n};n+=t[r]}throw new Error("Broken JSON number body near ".concat(n))}if("{"===t[e]||"["===t[e]){const r=[t[e]];n=t[e];for(let o=e+1;o<t.length;o+=1){if(n+=t[o],"\\"===t[o])o+1<t.length&&(n+=t[o+1]),o+=1;else if('"'===t[o])'"'===r[r.length-1]?r.pop():"'"!==r[r.length-1]&&r.push(t[o]);else if("'"===t[o])"'"===r[r.length-1]?r.pop():'"'!==r[r.length-1]&&r.push(t[o]);else if('"'!==r[r.length-1]&&"'"!==r[r.length-1])if("{"===t[o])r.push("{");else if("}"===t[o]){if("{"!==r[r.length-1])throw new Error("Broken JSON ".concat("{"===t[e]?"object":"array"," body near ").concat(n));r.pop()}else if("["===t[o])r.push("[");else if("]"===t[o]){if("["!==r[r.length-1])throw new Error("Broken JSON ".concat("{"===t[e]?"object":"array"," body near ").concat(n));r.pop()}if(!r.length)return{originLength:o-e,body:n}}throw new Error("Broken JSON ".concat("{"===t[e]?"object":"array"," body near ").concat(n))}throw new Error("Broken JSON body near ".concat(t.substr(e-5>=0?e-5:0,50)))}parseKey(t,e,n){let r="";for(let o=e;o<t.length;o+=1){if(n&&n===t[o])return r;if(!n&&(" "===t[o]||":"===t[o]))return r;r+=t[o],"\\"===t[o]&&o+1<t.length&&(r+=t[o+1],o+=1)}throw new Error("Broken JSON syntax near ".concat(r))}canBeKeyHead(t){return"\\"!==t[0]&&(t[0]>="a"&&t[0]<="z"||t[0]>="A"&&t[0]<="Z"||"_"===t[0]||(t[0]>="0"&&t[0]<="9"||("$"===t[0]||t.charCodeAt(0)>255)))}isBlankChar(t){return" "===t||"\n"===t||"\t"===t}}class h extends e{constructor(t){super(t),window.wnSanitize=t=>this.sanitize(t),window.ocSanitize=window.wnSanitize}sanitize(t,e){const n=(new DOMParser).parseFromString(t,"text/html"),r=void 0===e||"boolean"!=typeof e||e;return this.sanitizeNode(n.getRootNode()),r?n.body.innerHTML:n.innerHTML}sanitizeNode(t){if("SCRIPT"===t.tagName)return void t.remove();this.trimAttributes(t);Array.from(t.children).forEach((t=>{this.sanitizeNode(t)}))}trimAttributes(t){if(t.attributes)for(let e=0;e<t.attributes.length;e+=1){const n=t.attributes.item(e).name,r=t.attributes.item(e).value;0!==n.indexOf("on")&&0!==r.indexOf("javascript:")||t.removeAttribute(n)}}}class p{constructor(t,e){this.debugEnabled="boolean"==typeof e&&!0===e,this.autoInitSingletons="boolean"==typeof t&&!1===t,this.plugins={},this.attachAbstracts(),this.loadUtilities(),this.initialise(),this.debug("Snowboard framework initialised")}attachAbstracts(){this.PluginBase=t,this.Singleton=e}loadUtilities(){this.addPlugin("cookie",f),this.addPlugin("jsonParser",l),this.addPlugin("sanitizer",h)}initialise(){window.addEventListener("DOMContentLoaded",(()=>{this.autoInitSingletons&&this.initialiseSingletons(),this.globalEvent("ready")}))}initialiseSingletons(){Object.values(this.plugins).forEach((t=>{t.isSingleton()&&t.initialiseSingleton()}))}addPlugin(e,n){var o=this;const i=e.toLowerCase();if(this.hasPlugin(i))throw new Error('A plugin called "'.concat(e,'" is already registered.'));if("function"!=typeof n&&n instanceof t==!1)throw new Error("The provided plugin must extend the PluginBase class, or must be a callback function.");if(void 0!==this[e]||void 0!==this[i])throw new Error("The given name is already in use for a property or method of the Snowboard class.");this.plugins[i]=new r(i,this,n);const s=function(){return o.plugins[i].getInstance(...arguments)};this[e]=s,this[i]=s,this.debug('Plugin "'.concat(e,'" registered'))}removePlugin(t){const e=t.toLowerCase();this.hasPlugin(e)?(this.plugins[e].getInstances().forEach((t=>{t.destructor()})),delete this.plugins[e],delete this[e],this.debug('Plugin "'.concat(t,'" removed'))):this.debug('Plugin "'.concat(t,'" already removed'))}hasPlugin(t){const e=t.toLowerCase();return void 0!==this.plugins[e]}getPlugins(){return this.plugins}getPluginNames(){return Object.keys(this.plugins)}getPlugin(t){if(!this.hasPlugin(t))throw new Error('No plugin called "'.concat(t,'" has been registered.'));return this.plugins[t]}listensToEvent(t){const e=[];return Object.entries(this.plugins).forEach((n=>{const[r,o]=n;if(o.isFunction())return;if(!o.hasMethod("listens"))return;"string"==typeof o.callMethod("listens")[t]&&e.push(r)})),e}globalEvent(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];this.debug('Calling global event "'.concat(t,'"'));const o=this.listensToEvent(t);if(0===o.length)return this.debug('No listeners found for global event "'.concat(t,'"')),!0;this.debug('Listeners found for global event "'.concat(t,'": ').concat(o.join(", ")));let i=!1;return o.forEach((e=>{const r=this.getPlugin(e);if(r.isFunction())return;r.isSingleton()&&0===r.getInstances().length&&r.initialiseSingleton();const o=r.callMethod("listens")[t];r.getInstances().forEach((r=>{if(!i){if(!r[o])throw new Error('Missing "'.concat(o,'" method in "').concat(e,'" plugin'));!1===r[o](...n)&&(i=!0,this.debug('Global event "'.concat(t,'" cancelled by "').concat(e,'" plugin')))}}))})),!i}globalPromiseEvent(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];this.debug('Calling global promise event "'.concat(t,'"'));const o=this.listensToEvent(t);if(0===o.length)return this.debug('No listeners found for global promise event "'.concat(t,'"')),Promise.resolve();this.debug('Listeners found for global promise event "'.concat(t,'": ').concat(o.join(", ")));const i=[];return o.forEach((e=>{const r=this.getPlugin(e);if(r.isFunction())return;r.isSingleton()&&0===r.getInstances().length&&r.initialiseSingleton();const o=r.callMethod("listens")[t];r.getInstances().forEach((t=>{const e=t[o](...n);e instanceof Promise!=!1&&i.push(e)}))})),0===i.length?Promise.resolve():Promise.all(i)}debug(){if(this.debugEnabled){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];console.groupCollapsed("%c[Snowboard]","color: rgb(45, 167, 199); font-weight: normal;",...e),console.trace(),console.groupEnd()}}}(t=>{const e=new p(!0,!0);t.snowboard=e,t.Snowboard=e,t.SnowBoard=e})(window)}()}();
\ No newline at end of file
diff --git a/modules/system/assets/js/snowboard/build/snowboard.base.js b/modules/system/assets/js/snowboard/build/snowboard.base.js
new file mode 100644
index 0000000000..73fd3c1f7c
--- /dev/null
+++ b/modules/system/assets/js/snowboard/build/snowboard.base.js
@@ -0,0 +1,3 @@
+!function(){var t={2220:function(t,e,n){var r=n(2569),o=n(4354),i=n(3700),s=r.TypeError;t.exports=function(t){if(o(t))return t;throw s(i(t)+" is not a function")}},3467:function(t,e,n){var r=n(2569),o=n(4354),i=r.String,s=r.TypeError;t.exports=function(t){if("object"==typeof t||o(t))return t;throw s("Can't set "+i(t)+" as a prototype")}},2834:function(t,e,n){var r=n(2931),o=n(9062),i=n(378),s=r("unscopables"),c=Array.prototype;null==c[s]&&i.f(c,s,{configurable:!0,value:o(null)}),t.exports=function(t){c[s][t]=!0}},1421:function(t,e,n){var r=n(2569),o=n(1651),i=r.String,s=r.TypeError;t.exports=function(t){if(o(t))return t;throw s(i(t)+" is not an object")}},4041:function(t,e,n){var r=n(7830),o=n(7841),i=n(6095),s=function(t){return function(e,n,s){var c,a=r(e),u=i(a),f=o(s,u);if(t&&n!=n){for(;u>f;)if((c=a[f++])!=c)return!0}else for(;u>f;f++)if((t||f in a)&&a[f]===n)return t||f||0;return!t&&-1}};t.exports={includes:s(!0),indexOf:s(!1)}},8250:function(t,e,n){var r=n(1540),o=r({}.toString),i=r("".slice);t.exports=function(t){return i(o(t),8,-1)}},8778:function(t,e,n){var r=n(5320),o=n(6830),i=n(892),s=n(378);t.exports=function(t,e,n){for(var c=o(e),a=s.f,u=i.f,f=0;f<c.length;f++){var l=c[f];r(t,l)||n&&r(n,l)||a(t,l,u(e,l))}}},5031:function(t,e,n){var r=n(2112);t.exports=!r((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}))},4170:function(t,e,n){"use strict";var r=n(5756).IteratorPrototype,o=n(9062),i=n(3233),s=n(2087),c=n(9259),a=function(){return this};t.exports=function(t,e,n,u){var f=e+" Iterator";return t.prototype=o(r,{next:i(+!u,n)}),s(t,f,!1,!0),c[f]=a,t}},7632:function(t,e,n){var r=n(1738),o=n(378),i=n(3233);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},3233:function(t){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},1084:function(t,e,n){"use strict";var r=n(7641),o=n(7425),i=n(1274),s=n(34),c=n(4354),a=n(4170),u=n(9299),f=n(4001),l=n(2087),h=n(7632),p=n(8946),g=n(2931),d=n(9259),b=n(5756),v=s.PROPER,y=s.CONFIGURABLE,w=b.IteratorPrototype,m=b.BUGGY_SAFARI_ITERATORS,O=g("iterator"),S="keys",x="values",j="entries",E=function(){return this};t.exports=function(t,e,n,s,g,b,P){a(n,e,s);var k,L,T,A=function(t){if(t===g&&B)return B;if(!m&&t in I)return I[t];switch(t){case S:case x:case j:return function(){return new n(this,t)}}return function(){return new n(this)}},C=e+" Iterator",F=!1,I=t.prototype,N=I[O]||I["@@iterator"]||g&&I[g],B=!m&&N||A(g),M="Array"==e&&I.entries||N;if(M&&(k=u(M.call(new t)))!==Object.prototype&&k.next&&(i||u(k)===w||(f?f(k,w):c(k[O])||p(k,O,E)),l(k,C,!0,!0),i&&(d[C]=E)),v&&g==x&&N&&N.name!==x&&(!i&&y?h(I,"name",x):(F=!0,B=function(){return o(N,this)})),g)if(L={values:A(x),keys:b?B:A(S),entries:A(j)},P)for(T in L)(m||F||!(T in I))&&p(I,T,L[T]);else r({target:e,proto:!0,forced:m||F},L);return i&&!P||I[O]===B||p(I,O,B,{name:g}),d[e]=B,L}},1738:function(t,e,n){var r=n(2112);t.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},7934:function(t,e,n){var r=n(2569),o=n(1651),i=r.document,s=o(i)&&o(i.createElement);t.exports=function(t){return s?i.createElement(t):{}}},7921:function(t){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},6583:function(t,e,n){var r=n(7934)("span").classList,o=r&&r.constructor&&r.constructor.prototype;t.exports=o===Object.prototype?void 0:o},2831:function(t,e,n){var r=n(2430);t.exports=r("navigator","userAgent")||""},9318:function(t,e,n){var r,o,i=n(2569),s=n(2831),c=i.process,a=i.Deno,u=c&&c.versions||a&&a.version,f=u&&u.v8;f&&(o=(r=f.split("."))[0]>0&&r[0]<4?1:+(r[0]+r[1])),!o&&s&&(!(r=s.match(/Edge\/(\d+)/))||r[1]>=74)&&(r=s.match(/Chrome\/(\d+)/))&&(o=+r[1]),t.exports=o},4328:function(t){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},7641:function(t,e,n){var r=n(2569),o=n(892).f,i=n(7632),s=n(8946),c=n(2024),a=n(8778),u=n(8787);t.exports=function(t,e){var n,f,l,h,p,g=t.target,d=t.global,b=t.stat;if(n=d?r:b?r[g]||c(g,{}):(r[g]||{}).prototype)for(f in e){if(h=e[f],l=t.noTargetGet?(p=o(n,f))&&p.value:n[f],!u(d?f:g+(b?".":"#")+f,t.forced)&&void 0!==l){if(typeof h==typeof l)continue;a(h,l)}(t.sham||l&&l.sham)&&i(h,"sham",!0),s(n,f,h,t)}}},2112:function(t){t.exports=function(t){try{return!!t()}catch(t){return!0}}},9581:function(t,e,n){var r=n(2112);t.exports=!r((function(){var t=function(){}.bind();return"function"!=typeof t||t.hasOwnProperty("prototype")}))},7425:function(t,e,n){var r=n(9581),o=Function.prototype.call;t.exports=r?o.bind(o):function(){return o.apply(o,arguments)}},34:function(t,e,n){var r=n(1738),o=n(5320),i=Function.prototype,s=r&&Object.getOwnPropertyDescriptor,c=o(i,"name"),a=c&&"something"===function(){}.name,u=c&&(!r||r&&s(i,"name").configurable);t.exports={EXISTS:c,PROPER:a,CONFIGURABLE:u}},1540:function(t,e,n){var r=n(9581),o=Function.prototype,i=o.bind,s=o.call,c=r&&i.bind(s,s);t.exports=r?function(t){return t&&c(t)}:function(t){return t&&function(){return s.apply(t,arguments)}}},2430:function(t,e,n){var r=n(2569),o=n(4354),i=function(t){return o(t)?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t]):r[t]&&r[t][e]}},5324:function(t,e,n){var r=n(2220);t.exports=function(t,e){var n=t[e];return null==n?void 0:r(n)}},2569:function(t,e,n){var r=function(t){return t&&t.Math==Math&&t};t.exports=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof n.g&&n.g)||function(){return this}()||Function("return this")()},5320:function(t,e,n){var r=n(1540),o=n(6416),i=r({}.hasOwnProperty);t.exports=Object.hasOwn||function(t,e){return i(o(t),e)}},9012:function(t){t.exports={}},99:function(t,e,n){var r=n(2430);t.exports=r("document","documentElement")},8232:function(t,e,n){var r=n(1738),o=n(2112),i=n(7934);t.exports=!r&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},6674:function(t,e,n){var r=n(2569),o=n(1540),i=n(2112),s=n(8250),c=r.Object,a=o("".split);t.exports=i((function(){return!c("z").propertyIsEnumerable(0)}))?function(t){return"String"==s(t)?a(t,""):c(t)}:c},5193:function(t,e,n){var r=n(1540),o=n(4354),i=n(7039),s=r(Function.toString);o(i.inspectSource)||(i.inspectSource=function(t){return s(t)}),t.exports=i.inspectSource},3500:function(t,e,n){var r,o,i,s=n(5965),c=n(2569),a=n(1540),u=n(1651),f=n(7632),l=n(5320),h=n(7039),p=n(9097),g=n(9012),d="Object already initialized",b=c.TypeError,v=c.WeakMap;if(s||h.state){var y=h.state||(h.state=new v),w=a(y.get),m=a(y.has),O=a(y.set);r=function(t,e){if(m(y,t))throw new b(d);return e.facade=t,O(y,t,e),e},o=function(t){return w(y,t)||{}},i=function(t){return m(y,t)}}else{var S=p("state");g[S]=!0,r=function(t,e){if(l(t,S))throw new b(d);return e.facade=t,f(t,S,e),e},o=function(t){return l(t,S)?t[S]:{}},i=function(t){return l(t,S)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!u(e)||(n=o(e)).type!==t)throw b("Incompatible receiver, "+t+" required");return n}}}},4354:function(t){t.exports=function(t){return"function"==typeof t}},8787:function(t,e,n){var r=n(2112),o=n(4354),i=/#|\.prototype\./,s=function(t,e){var n=a[c(t)];return n==f||n!=u&&(o(e)?r(e):!!e)},c=s.normalize=function(t){return String(t).replace(i,".").toLowerCase()},a=s.data={},u=s.NATIVE="N",f=s.POLYFILL="P";t.exports=s},1651:function(t,e,n){var r=n(4354);t.exports=function(t){return"object"==typeof t?null!==t:r(t)}},1274:function(t){t.exports=!1},8937:function(t,e,n){var r=n(2569),o=n(2430),i=n(4354),s=n(7652),c=n(7374),a=r.Object;t.exports=c?function(t){return"symbol"==typeof t}:function(t){var e=o("Symbol");return i(e)&&s(e.prototype,a(t))}},5756:function(t,e,n){"use strict";var r,o,i,s=n(2112),c=n(4354),a=n(9062),u=n(9299),f=n(8946),l=n(2931),h=n(1274),p=l("iterator"),g=!1;[].keys&&("next"in(i=[].keys())?(o=u(u(i)))!==Object.prototype&&(r=o):g=!0),null==r||s((function(){var t={};return r[p].call(t)!==t}))?r={}:h&&(r=a(r)),c(r[p])||f(r,p,(function(){return this})),t.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:g}},9259:function(t){t.exports={}},6095:function(t,e,n){var r=n(9309);t.exports=function(t){return r(t.length)}},5598:function(t,e,n){var r=n(9318),o=n(2112);t.exports=!!Object.getOwnPropertySymbols&&!o((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&r&&r<41}))},5965:function(t,e,n){var r=n(2569),o=n(4354),i=n(5193),s=r.WeakMap;t.exports=o(s)&&/native code/.test(i(s))},9062:function(t,e,n){var r,o=n(1421),i=n(3116),s=n(4328),c=n(9012),a=n(99),u=n(7934),f=n(9097),l=f("IE_PROTO"),h=function(){},p=function(t){return"<script>"+t+"</"+"script>"},g=function(t){t.write(p("")),t.close();var e=t.parentWindow.Object;return t=null,e},d=function(){try{r=new ActiveXObject("htmlfile")}catch(t){}var t,e;d="undefined"!=typeof document?document.domain&&r?g(r):((e=u("iframe")).style.display="none",a.appendChild(e),e.src=String("javascript:"),(t=e.contentWindow.document).open(),t.write(p("document.F=Object")),t.close(),t.F):g(r);for(var n=s.length;n--;)delete d.prototype[s[n]];return d()};c[l]=!0,t.exports=Object.create||function(t,e){var n;return null!==t?(h.prototype=o(t),n=new h,h.prototype=null,n[l]=t):n=d(),void 0===e?n:i.f(n,e)}},3116:function(t,e,n){var r=n(1738),o=n(5734),i=n(378),s=n(1421),c=n(7830),a=n(2551);e.f=r&&!o?Object.defineProperties:function(t,e){s(t);for(var n,r=c(e),o=a(e),u=o.length,f=0;u>f;)i.f(t,n=o[f++],r[n]);return t}},378:function(t,e,n){var r=n(2569),o=n(1738),i=n(8232),s=n(5734),c=n(1421),a=n(7411),u=r.TypeError,f=Object.defineProperty,l=Object.getOwnPropertyDescriptor,h="enumerable",p="configurable",g="writable";e.f=o?s?function(t,e,n){if(c(t),e=a(e),c(n),"function"==typeof t&&"prototype"===e&&"value"in n&&g in n&&!n.writable){var r=l(t,e);r&&r.writable&&(t[e]=n.value,n={configurable:p in n?n.configurable:r.configurable,enumerable:h in n?n.enumerable:r.enumerable,writable:!1})}return f(t,e,n)}:f:function(t,e,n){if(c(t),e=a(e),c(n),i)try{return f(t,e,n)}catch(t){}if("get"in n||"set"in n)throw u("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},892:function(t,e,n){var r=n(1738),o=n(7425),i=n(7079),s=n(3233),c=n(7830),a=n(7411),u=n(5320),f=n(8232),l=Object.getOwnPropertyDescriptor;e.f=r?l:function(t,e){if(t=c(t),e=a(e),f)try{return l(t,e)}catch(t){}if(u(t,e))return s(!o(i.f,t,e),t[e])}},9704:function(t,e,n){var r=n(9313),o=n(4328).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},419:function(t,e){e.f=Object.getOwnPropertySymbols},9299:function(t,e,n){var r=n(2569),o=n(5320),i=n(4354),s=n(6416),c=n(9097),a=n(5031),u=c("IE_PROTO"),f=r.Object,l=f.prototype;t.exports=a?f.getPrototypeOf:function(t){var e=s(t);if(o(e,u))return e[u];var n=e.constructor;return i(n)&&e instanceof n?n.prototype:e instanceof f?l:null}},7652:function(t,e,n){var r=n(1540);t.exports=r({}.isPrototypeOf)},9313:function(t,e,n){var r=n(1540),o=n(5320),i=n(7830),s=n(4041).indexOf,c=n(9012),a=r([].push);t.exports=function(t,e){var n,r=i(t),u=0,f=[];for(n in r)!o(c,n)&&o(r,n)&&a(f,n);for(;e.length>u;)o(r,n=e[u++])&&(~s(f,n)||a(f,n));return f}},2551:function(t,e,n){var r=n(9313),o=n(4328);t.exports=Object.keys||function(t){return r(t,o)}},7079:function(t,e){"use strict";var n={}.propertyIsEnumerable,r=Object.getOwnPropertyDescriptor,o=r&&!n.call({1:2},1);e.f=o?function(t){var e=r(this,t);return!!e&&e.enumerable}:n},4001:function(t,e,n){var r=n(1540),o=n(1421),i=n(3467);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,n={};try{(t=r(Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set))(n,[]),e=n instanceof Array}catch(t){}return function(n,r){return o(n),i(r),e?t(n,r):n.__proto__=r,n}}():void 0)},6964:function(t,e,n){var r=n(2569),o=n(7425),i=n(4354),s=n(1651),c=r.TypeError;t.exports=function(t,e){var n,r;if("string"===e&&i(n=t.toString)&&!s(r=o(n,t)))return r;if(i(n=t.valueOf)&&!s(r=o(n,t)))return r;if("string"!==e&&i(n=t.toString)&&!s(r=o(n,t)))return r;throw c("Can't convert object to primitive value")}},6830:function(t,e,n){var r=n(2430),o=n(1540),i=n(9704),s=n(419),c=n(1421),a=o([].concat);t.exports=r("Reflect","ownKeys")||function(t){var e=i.f(c(t)),n=s.f;return n?a(e,n(t)):e}},8946:function(t,e,n){var r=n(2569),o=n(4354),i=n(5320),s=n(7632),c=n(2024),a=n(5193),u=n(3500),f=n(34).CONFIGURABLE,l=u.get,h=u.enforce,p=String(String).split("String");(t.exports=function(t,e,n,a){var u,l=!!a&&!!a.unsafe,g=!!a&&!!a.enumerable,d=!!a&&!!a.noTargetGet,b=a&&void 0!==a.name?a.name:e;o(n)&&("Symbol("===String(b).slice(0,7)&&(b="["+String(b).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),(!i(n,"name")||f&&n.name!==b)&&s(n,"name",b),(u=h(n)).source||(u.source=p.join("string"==typeof b?b:""))),t!==r?(l?!d&&t[e]&&(g=!0):delete t[e],g?t[e]=n:s(t,e,n)):g?t[e]=n:c(e,n)})(Function.prototype,"toString",(function(){return o(this)&&l(this).source||a(this)}))},1196:function(t,e,n){var r=n(2569).TypeError;t.exports=function(t){if(null==t)throw r("Can't call method on "+t);return t}},2024:function(t,e,n){var r=n(2569),o=Object.defineProperty;t.exports=function(t,e){try{o(r,t,{value:e,configurable:!0,writable:!0})}catch(n){r[t]=e}return e}},2087:function(t,e,n){var r=n(378).f,o=n(5320),i=n(2931)("toStringTag");t.exports=function(t,e,n){t&&!n&&(t=t.prototype),t&&!o(t,i)&&r(t,i,{configurable:!0,value:e})}},9097:function(t,e,n){var r=n(9944),o=n(9225),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},7039:function(t,e,n){var r=n(2569),o=n(2024),i="__core-js_shared__",s=r[i]||o(i,{});t.exports=s},9944:function(t,e,n){var r=n(1274),o=n(7039);(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.21.0",mode:r?"pure":"global",copyright:"© 2014-2022 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.21.0/LICENSE",source:"https://github.com/zloirock/core-js"})},7841:function(t,e,n){var r=n(1859),o=Math.max,i=Math.min;t.exports=function(t,e){var n=r(t);return n<0?o(n+e,0):i(n,e)}},7830:function(t,e,n){var r=n(6674),o=n(1196);t.exports=function(t){return r(o(t))}},1859:function(t){var e=Math.ceil,n=Math.floor;t.exports=function(t){var r=+t;return r!=r||0===r?0:(r>0?n:e)(r)}},9309:function(t,e,n){var r=n(1859),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},6416:function(t,e,n){var r=n(2569),o=n(1196),i=r.Object;t.exports=function(t){return i(o(t))}},38:function(t,e,n){var r=n(2569),o=n(7425),i=n(1651),s=n(8937),c=n(5324),a=n(6964),u=n(2931),f=r.TypeError,l=u("toPrimitive");t.exports=function(t,e){if(!i(t)||s(t))return t;var n,r=c(t,l);if(r){if(void 0===e&&(e="default"),n=o(r,t,e),!i(n)||s(n))return n;throw f("Can't convert object to primitive value")}return void 0===e&&(e="number"),a(t,e)}},7411:function(t,e,n){var r=n(38),o=n(8937);t.exports=function(t){var e=r(t,"string");return o(e)?e:e+""}},3700:function(t,e,n){var r=n(2569).String;t.exports=function(t){try{return r(t)}catch(t){return"Object"}}},9225:function(t,e,n){var r=n(1540),o=0,i=Math.random(),s=r(1..toString);t.exports=function(t){return"Symbol("+(void 0===t?"":t)+")_"+s(++o+i,36)}},7374:function(t,e,n){var r=n(5598);t.exports=r&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},5734:function(t,e,n){var r=n(1738),o=n(2112);t.exports=r&&o((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},2931:function(t,e,n){var r=n(2569),o=n(9944),i=n(5320),s=n(9225),c=n(5598),a=n(7374),u=o("wks"),f=r.Symbol,l=f&&f.for,h=a?f:f&&f.withoutSetter||s;t.exports=function(t){if(!i(u,t)||!c&&"string"!=typeof u[t]){var e="Symbol."+t;c&&i(f,t)?u[t]=f[t]:u[t]=a&&l?l(e):h(e)}return u[t]}},5006:function(t,e,n){"use strict";var r=n(7830),o=n(2834),i=n(9259),s=n(3500),c=n(378).f,a=n(1084),u=n(1274),f=n(1738),l="Array Iterator",h=s.set,p=s.getterFor(l);t.exports=a(Array,"Array",(function(t,e){h(this,{type:l,target:r(t),index:0,kind:e})}),(function(){var t=p(this),e=t.target,n=t.kind,r=t.index++;return!e||r>=e.length?(t.target=void 0,{value:void 0,done:!0}):"keys"==n?{value:r,done:!1}:"values"==n?{value:e[r],done:!1}:{value:[r,e[r]],done:!1}}),"values");var g=i.Arguments=i.Array;if(o("keys"),o("values"),o("entries"),!u&&f&&"values"!==g.name)try{c(g,"name",{value:"values"})}catch(t){}},8669:function(t,e,n){var r=n(2569),o=n(7921),i=n(6583),s=n(5006),c=n(7632),a=n(2931),u=a("iterator"),f=a("toStringTag"),l=s.values,h=function(t,e){if(t){if(t[u]!==l)try{c(t,u,l)}catch(e){t[u]=l}if(t[f]||c(t,f,e),o[e])for(var n in s)if(t[n]!==s[n])try{c(t,n,s[n])}catch(e){t[n]=s[n]}}};for(var p in o)h(r[p]&&r[p].prototype,p);h(i,"DOMTokenList")}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={exports:{}};return t[r](i,i.exports,n),i.exports}n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),function(){"use strict";n(8669);class t{constructor(t){this.snowboard=t}dependencies(){return[]}listens(){return{}}destructor(){this.detach(),delete this.snowboard}}class e extends t{}class r{constructor(t,n,r){this.name=t,this.snowboard=n,this.instance=r,this.instances=[],this.singleton=r.prototype instanceof e,this.mocks={},this.originalFunctions={}}hasMethod(t){return!this.isFunction()&&"function"==typeof this.instance.prototype[t]}callMethod(){if(this.isFunction())return null;for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];const r=e,o=r.shift();return this.instance.prototype[o](r)}getInstance(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];if(this.isFunction())return this.instance(...n);if(!this.dependenciesFulfilled()){const t=this.getDependencies().filter((t=>!this.snowboard.getPluginNames().includes(t)));throw new Error('The "'.concat(this.name,'" plugin requires the following plugins: ').concat(t.join(", ")))}if(this.isSingleton())return 0===this.instances.length&&this.initialiseSingleton(),Object.keys(this.mocks).length>0&&(Object.entries(this.originalFunctions).forEach((t=>{const[e,n]=t;this.instances[0][e]=n})),Object.entries(this.mocks).forEach((e=>{const[n,r]=e;this.instances[0][n]=function(){for(var e=arguments.length,n=new Array(e),o=0;o<e;o++)n[o]=arguments[o];return r(t,...n)}}))),this.instances[0];Object.keys(this.mocks).length>0&&(Object.entries(this.originalFunctions).forEach((t=>{const[e,n]=t;this.instance.prototype[e]=n})),Object.entries(this.mocks).forEach((e=>{const[n,r]=e;this.instance.prototype[n]=function(){for(var e=arguments.length,n=new Array(e),o=0;o<e;o++)n[o]=arguments[o];return r(t,...n)}})));const o=new this.instance(this.snowboard,...n);return o.detach=()=>this.instances.splice(this.instances.indexOf(o),1),this.instances.push(o),o}getInstances(){return this.isFunction()?[]:this.instances}isFunction(){return"function"==typeof this.instance&&this.instance.prototype instanceof t==!1}isSingleton(){return this.instance.prototype instanceof e==!0}initialiseSingleton(){if(!this.isSingleton())return;const t=new this.instance(this.snowboard);t.detach=()=>this.instances.splice(this.instances.indexOf(t),1),this.instances.push(t)}getDependencies(){return this.isFunction()||"function"!=typeof this.instance.prototype.dependencies?[]:this.instance.prototype.dependencies().map((t=>t.toLowerCase()))}dependenciesFulfilled(){const t=this.getDependencies();let e=!0;return t.forEach((t=>{this.snowboard.hasPlugin(t)||(e=!1)})),e}mock(t,e){var n=this;if(!this.isFunction()){if(!this.instance.prototype[t])throw new Error('Function "'.concat(t,'" does not exist and cannot be mocked'));this.mocks[t]=e,this.originalFunctions[t]=this.instance.prototype[t],this.isSingleton()&&0===this.instances.length&&(this.initialiseSingleton(),this.instances[0][t]=function(){for(var t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return e(n,...r)})}}unmock(t){this.isFunction()||this.mocks[t]&&(this.isSingleton()&&(this.instances[0][t]=this.originalFunctions[t]),delete this.mocks[t],delete this.originalFunctions[t])}}
+/*! js-cookie v3.0.1 | MIT */
+function o(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)t[r]=n[r]}return t}var i=function t(e,n){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=o({},n,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var c in i)i[c]&&(s+="; "+c,!0!==i[c]&&(s+="="+i[c].split(";")[0]));return document.cookie=t+"="+e.write(r,t)+s}}return Object.create({set:r,get:function(t){if("undefined"!=typeof document&&(!arguments.length||t)){for(var n=document.cookie?document.cookie.split("; "):[],r={},o=0;o<n.length;o++){var i=n[o].split("="),s=i.slice(1).join("=");try{var c=decodeURIComponent(i[0]);if(r[c]=e.read(s,c),t===c)break}catch(t){}}return t?r[t]:r}},remove:function(t,e){r(t,"",o({},e,{expires:-1}))},withAttributes:function(e){return t(this.converter,o({},this.attributes,e))},withConverter:function(e){return t(o({},this.converter,e),this.attributes)}},{attributes:{value:Object.freeze(n)},converter:{value:Object.freeze(e)}})}({read:function(t){return'"'===t[0]&&(t=t.slice(1,-1)),t.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(t){return encodeURIComponent(t).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"}),s=i;function c(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function a(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?c(Object(n),!0).forEach((function(e){u(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function u(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}class f extends e{constructor(t){super(t),this.defaults={expires:null,path:"/",domain:null,secure:!1,sameSite:"Lax"}}setDefaults(t){if("object"!=typeof t)throw new Error("Cookie defaults must be provided as an object");Object.entries(t).forEach((t=>{const[e,n]=t;void 0!==this.defaults[e]&&(this.defaults[e]=n)}))}getDefaults(){const t={};return Object.entries(this.defaults).forEach((e=>{const[n,r]=e;null!==this.defaults[n]&&(t[n]=r)})),t}get(t){if(void 0===t){const t=s.get();return Object.entries(t).forEach((e=>{const[n,r]=e;this.snowboard.globalEvent("cookie.get",n,r,(e=>{t[n]=e}))})),t}let e=s.get(t);return this.snowboard.globalEvent("cookie.get",t,e,(t=>{e=t})),e}set(t,e,n){let r=e;return this.snowboard.globalEvent("cookie.set",t,e,(t=>{r=t})),s.set(t,r,a(a({},this.getDefaults()),n))}remove(t,e){s.remove(t,a(a({},this.getDefaults()),e))}}class l extends e{constructor(t){super(t),window.wnJSON=t=>this.parse(t),window.ocJSON=window.wnJSON}parse(t){const e=this.parseString(t);return JSON.parse(e)}parseString(t){let e=t.trim();if(!e.length)throw new Error("Broken JSON object.");let n="",r=null,o=null,i="";for(;e&&","===e[0];)e=e.substr(1);if('"'===e[0]||"'"===e[0]){if(e[e.length-1]!==e[0])throw new Error("Invalid string JSON object.");i='"';for(let t=1;t<e.length;t+=1)if("\\"===e[t])"'"===e[t+1]||(i+=e[t]),i+=e[t+1],t+=1;else{if(e[t]===e[0])return i+='"',i;'"'===e[t]?i+='\\"':i+=e[t]}throw new Error("Invalid string JSON object.")}if("true"===e||"false"===e)return e;if("null"===e)return"null";const s=parseFloat(e);if(!Number.isNaN(s))return s.toString();if("{"===e[0]){r="needKey",o=null,n="{";for(let t=1;t<e.length;t+=1)if(!this.isBlankChar(e[t]))if("needKey"!==r||'"'!==e[t]&&"'"!==e[t]){if("needKey"===r&&this.canBeKeyHead(e[t]))o=this.parseKey(e,t),n+='"',n+=o,n+='"',t+=o.length-1,r="afterKey";else if("afterKey"===r&&":"===e[t])n+=":",r=":";else if(":"===r)i=this.getBody(e,t),t=t+i.originLength-1,n+=this.parseString(i.body),r="afterBody";else if("afterBody"===r||"needKey"===r){let o=t;for(;","===e[o]||this.isBlankChar(e[o]);)o+=1;if("}"===e[o]&&o===e.length-1){for(;","===n[n.length-1];)n=n.substr(0,n.length-1);return n+="}",n}o!==t&&"{"!==n&&(n+=",",r="needKey",t=o-1)}}else o=this.parseKey(e,t+1,e[t]),n+='"'.concat(o,'"'),t+=o.length,t+=1,r="afterKey";throw new Error("Broken JSON object near ".concat(n))}if("["===e[0]){n="[",r="needBody";for(let t=1;t<e.length;t+=1)if(" "!==e[t]&&"\n"!==e[t]&&"\t"!==e[t])if("needBody"===r){if(","===e[t]){n+="null,";continue}if("]"===e[t]&&t===e.length-1)return","===n[n.length-1]&&(n=n.substr(0,n.length-1)),n+="]",n;i=this.getBody(e,t),t=t+i.originLength-1,n+=this.parseString(i.body),r="afterBody"}else if("afterBody"===r)if(","===e[t])for(n+=",",r="needBody";","===e[t+1]||this.isBlankChar(e[t+1]);)","===e[t+1]&&(n+="null,"),t+=1;else if("]"===e[t]&&t===e.length-1)return n+="]",n;throw new Error("Broken JSON array near ".concat(n))}return""}getBody(t,e){let n="";if('"'===t[e]||"'"===t[e]){n=t[e];for(let r=e+1;r<t.length;r+=1)if("\\"===t[r])n+=t[r],r+1<t.length&&(n+=t[r+1]),r+=1;else{if(t[r]===t[e])return n+=t[e],{originLength:n.length,body:n};n+=t[r]}throw new Error("Broken JSON string body near ".concat(n))}if("t"===t[e]){if(t.indexOf("true",e)===e)return{originLength:"true".length,body:"true"};throw new Error("Broken JSON boolean body near ".concat(t.substr(0,e+10)))}if("f"===t[e]){if(t.indexOf("f",e)===e)return{originLength:"false".length,body:"false"};throw new Error("Broken JSON boolean body near ".concat(t.substr(0,e+10)))}if("n"===t[e]){if(t.indexOf("null",e)===e)return{originLength:"null".length,body:"null"};throw new Error("Broken JSON boolean body near ".concat(t.substr(0,e+10)))}if("-"===t[e]||"+"===t[e]||"."===t[e]||t[e]>="0"&&t[e]<="9"){n="";for(let r=e;r<t.length;r+=1){if(!("-"===t[r]||"+"===t[r]||"."===t[r]||t[r]>="0"&&t[r]<="9"))return{originLength:n.length,body:n};n+=t[r]}throw new Error("Broken JSON number body near ".concat(n))}if("{"===t[e]||"["===t[e]){const r=[t[e]];n=t[e];for(let o=e+1;o<t.length;o+=1){if(n+=t[o],"\\"===t[o])o+1<t.length&&(n+=t[o+1]),o+=1;else if('"'===t[o])'"'===r[r.length-1]?r.pop():"'"!==r[r.length-1]&&r.push(t[o]);else if("'"===t[o])"'"===r[r.length-1]?r.pop():'"'!==r[r.length-1]&&r.push(t[o]);else if('"'!==r[r.length-1]&&"'"!==r[r.length-1])if("{"===t[o])r.push("{");else if("}"===t[o]){if("{"!==r[r.length-1])throw new Error("Broken JSON ".concat("{"===t[e]?"object":"array"," body near ").concat(n));r.pop()}else if("["===t[o])r.push("[");else if("]"===t[o]){if("["!==r[r.length-1])throw new Error("Broken JSON ".concat("{"===t[e]?"object":"array"," body near ").concat(n));r.pop()}if(!r.length)return{originLength:o-e,body:n}}throw new Error("Broken JSON ".concat("{"===t[e]?"object":"array"," body near ").concat(n))}throw new Error("Broken JSON body near ".concat(t.substr(e-5>=0?e-5:0,50)))}parseKey(t,e,n){let r="";for(let o=e;o<t.length;o+=1){if(n&&n===t[o])return r;if(!n&&(" "===t[o]||":"===t[o]))return r;r+=t[o],"\\"===t[o]&&o+1<t.length&&(r+=t[o+1],o+=1)}throw new Error("Broken JSON syntax near ".concat(r))}canBeKeyHead(t){return"\\"!==t[0]&&(t[0]>="a"&&t[0]<="z"||t[0]>="A"&&t[0]<="Z"||"_"===t[0]||(t[0]>="0"&&t[0]<="9"||("$"===t[0]||t.charCodeAt(0)>255)))}isBlankChar(t){return" "===t||"\n"===t||"\t"===t}}class h extends e{constructor(t){super(t),window.wnSanitize=t=>this.sanitize(t),window.ocSanitize=window.wnSanitize}sanitize(t,e){const n=(new DOMParser).parseFromString(t,"text/html"),r=void 0===e||"boolean"!=typeof e||e;return this.sanitizeNode(n.getRootNode()),r?n.body.innerHTML:n.innerHTML}sanitizeNode(t){if("SCRIPT"===t.tagName)return void t.remove();this.trimAttributes(t);Array.from(t.children).forEach((t=>{this.sanitizeNode(t)}))}trimAttributes(t){if(t.attributes)for(let e=0;e<t.attributes.length;e+=1){const n=t.attributes.item(e).name,r=t.attributes.item(e).value;0!==n.indexOf("on")&&0!==r.indexOf("javascript:")||t.removeAttribute(n)}}}class p{constructor(t,e){this.debugEnabled="boolean"==typeof e&&!0===e,this.autoInitSingletons="boolean"==typeof t&&!1===t,this.plugins={},this.attachAbstracts(),this.loadUtilities(),this.initialise(),this.debug("Snowboard framework initialised")}attachAbstracts(){this.PluginBase=t,this.Singleton=e}loadUtilities(){this.addPlugin("cookie",f),this.addPlugin("jsonParser",l),this.addPlugin("sanitizer",h)}initialise(){window.addEventListener("DOMContentLoaded",(()=>{this.autoInitSingletons&&this.initialiseSingletons(),this.globalEvent("ready")}))}initialiseSingletons(){Object.values(this.plugins).forEach((t=>{t.isSingleton()&&t.initialiseSingleton()}))}addPlugin(e,n){var o=this;const i=e.toLowerCase();if(this.hasPlugin(i))throw new Error('A plugin called "'.concat(e,'" is already registered.'));if("function"!=typeof n&&n instanceof t==!1)throw new Error("The provided plugin must extend the PluginBase class, or must be a callback function.");if(void 0!==this[e]||void 0!==this[i])throw new Error("The given name is already in use for a property or method of the Snowboard class.");this.plugins[i]=new r(i,this,n);const s=function(){return o.plugins[i].getInstance(...arguments)};this[e]=s,this[i]=s,this.debug('Plugin "'.concat(e,'" registered'))}removePlugin(t){const e=t.toLowerCase();this.hasPlugin(e)?(this.plugins[e].getInstances().forEach((t=>{t.destructor()})),delete this.plugins[e],delete this[e],this.debug('Plugin "'.concat(t,'" removed'))):this.debug('Plugin "'.concat(t,'" already removed'))}hasPlugin(t){const e=t.toLowerCase();return void 0!==this.plugins[e]}getPlugins(){return this.plugins}getPluginNames(){return Object.keys(this.plugins)}getPlugin(t){if(!this.hasPlugin(t))throw new Error('No plugin called "'.concat(t,'" has been registered.'));return this.plugins[t]}listensToEvent(t){const e=[];return Object.entries(this.plugins).forEach((n=>{const[r,o]=n;if(o.isFunction())return;if(!o.hasMethod("listens"))return;"string"==typeof o.callMethod("listens")[t]&&e.push(r)})),e}globalEvent(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];this.debug('Calling global event "'.concat(t,'"'));const o=this.listensToEvent(t);if(0===o.length)return this.debug('No listeners found for global event "'.concat(t,'"')),!0;this.debug('Listeners found for global event "'.concat(t,'": ').concat(o.join(", ")));let i=!1;return o.forEach((e=>{const r=this.getPlugin(e);if(r.isFunction())return;r.isSingleton()&&0===r.getInstances().length&&r.initialiseSingleton();const o=r.callMethod("listens")[t];r.getInstances().forEach((r=>{if(!i){if(!r[o])throw new Error('Missing "'.concat(o,'" method in "').concat(e,'" plugin'));!1===r[o](...n)&&(i=!0,this.debug('Global event "'.concat(t,'" cancelled by "').concat(e,'" plugin')))}}))})),!i}globalPromiseEvent(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];this.debug('Calling global promise event "'.concat(t,'"'));const o=this.listensToEvent(t);if(0===o.length)return this.debug('No listeners found for global promise event "'.concat(t,'"')),Promise.resolve();this.debug('Listeners found for global promise event "'.concat(t,'": ').concat(o.join(", ")));const i=[];return o.forEach((e=>{const r=this.getPlugin(e);if(r.isFunction())return;r.isSingleton()&&0===r.getInstances().length&&r.initialiseSingleton();const o=r.callMethod("listens")[t];r.getInstances().forEach((t=>{const e=t[o](...n);e instanceof Promise!=!1&&i.push(e)}))})),0===i.length?Promise.resolve():Promise.all(i)}debug(){if(this.debugEnabled){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];console.groupCollapsed("%c[Snowboard]","color: rgb(45, 167, 199); font-weight: normal;",...e),console.trace(),console.groupEnd()}}}(t=>{const e=new p;t.snowboard=e,t.Snowboard=e,t.SnowBoard=e})(window)}()}();
\ No newline at end of file
diff --git a/modules/system/assets/js/snowboard/build/snowboard.data-attr.js b/modules/system/assets/js/snowboard/build/snowboard.data-attr.js
new file mode 100644
index 0000000000..c082445009
--- /dev/null
+++ b/modules/system/assets/js/snowboard/build/snowboard.data-attr.js
@@ -0,0 +1 @@
+!function(){function e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function t(t){for(var a=1;a<arguments.length;a++){var n=null!=arguments[a]?arguments[a]:{};a%2?e(Object(n),!0).forEach((function(e){r(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):e(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class a extends Snowboard.Singleton{listens(){return{ready:"ready",ajaxSetup:"onAjaxSetup"}}ready(){this.attachHandlers(),this.disableDefaultFormValidation()}dependencies(){return["request","jsonParser"]}destructor(){this.detachHandlers(),super.destructor()}attachHandlers(){window.addEventListener("change",(e=>this.changeHandler(e))),window.addEventListener("click",(e=>this.clickHandler(e))),window.addEventListener("keydown",(e=>this.keyDownHandler(e))),window.addEventListener("submit",(e=>this.submitHandler(e)))}disableDefaultFormValidation(){document.querySelectorAll("form[data-request]:not([data-browser-validate])").forEach((e=>{e.setAttribute("novalidate",!0)}))}detachHandlers(){window.removeEventListener("change",(e=>this.changeHandler(e))),window.removeEventListener("click",(e=>this.clickHandler(e))),window.removeEventListener("keydown",(e=>this.keyDownHandler(e))),window.removeEventListener("submit",(e=>this.submitHandler(e)))}changeHandler(e){e.target.matches("select[data-request], input[type=radio][data-request], input[type=checkbox][data-request], input[type=file][data-request]")&&this.processRequestOnElement(e.target)}clickHandler(e){let t=e.target;for(;"HTML"!==t.tagName;){if(t.matches("a[data-request], button[data-request], input[type=button][data-request], input[type=submit][data-request]")){e.preventDefault(),this.processRequestOnElement(t);break}t=t.parentElement}}keyDownHandler(e){if(!e.target.matches("input"))return;-1!==["checkbox","color","date","datetime","datetime-local","email","image","month","number","password","radio","range","search","tel","text","time","url","week"].indexOf(e.target.getAttribute("type"))&&("Enter"===e.key&&e.target.matches("*[data-request]")?(this.processRequestOnElement(e.target),e.preventDefault(),e.stopImmediatePropagation()):e.target.matches("*[data-track-input]")&&this.trackInput(e.target))}submitHandler(e){e.target.matches("form[data-request]")&&(e.preventDefault(),this.processRequestOnElement(e.target))}processRequestOnElement(e){const t=e.dataset,r=String(t.request),a={confirm:"requestConfirm"in t?String(t.requestConfirm):null,redirect:"requestRedirect"in t?String(t.requestRedirect):null,loading:"requestLoading"in t?String(t.requestLoading):null,flash:"requestFlash"in t,files:"requestFiles"in t,browserValidate:"requestBrowserValidate"in t,form:"requestForm"in t?String(t.requestForm):null,url:"requestUrl"in t?String(t.requestUrl):null,update:"requestUpdate"in t?this.parseData(String(t.requestUpdate)):[],data:"requestData"in t?this.parseData(String(t.requestData)):[]};this.snowboard.request(e,r,a)}onAjaxSetup(e){const r=e.element.getAttribute("name"),a=t(t({},this.getParentRequestData(e.element)),e.options.data);e.element&&e.element.matches("input, textarea, select, button")&&!e.form&&r&&!e.options.data[r]&&(a[r]=e.element.value),e.options.data=a}getParentRequestData(e){const r=[];let a={},n=e;for(;n.parentElement&&"HTML"!==n.parentElement.tagName;)r.push(n.parentElement),n=n.parentElement;return r.reverse(),r.forEach((e=>{const r=e.dataset;"requestData"in r&&(a=t(t({},a),this.parseData(r.requestData)))})),a}parseData(e){let t;if(void 0===e&&(t=""),"object"==typeof t)return t;try{return this.snowboard.jsonparser().parse("{".concat(e,"}"))}catch(e){throw new Error("Error parsing the data attribute on element: ".concat(e.message))}}trackInput(e){const{lastValue:t}=e.dataset,r=e.dataset.trackInput||300;void 0!==t&&t===e.value||(this.resetTrackInputTimer(e),e.dataset.trackInput=window.setTimeout((()=>{if(e.dataset.request)return void this.processRequestOnElement(e);let t=e;for(;t.parentElement&&"HTML"!==t.parentElement.tagName;)if(t=t.parentElement,"FORM"===t.tagName&&t.dataset.request){this.processRequestOnElement(t);break}}),r))}resetTrackInputTimer(e){e.dataset.trackInput&&(window.clearTimeout(e.dataset.trackInput),e.dataset.trackInput=null)}}Snowboard.addPlugin("attributeRequest",a)}();
\ No newline at end of file
diff --git a/modules/system/assets/js/snowboard/build/snowboard.extras.js b/modules/system/assets/js/snowboard/build/snowboard.extras.js
new file mode 100644
index 0000000000..51527ccb2b
--- /dev/null
+++ b/modules/system/assets/js/snowboard/build/snowboard.extras.js
@@ -0,0 +1 @@
+!function(){var t={2220:function(t,e,n){var r=n(2569),o=n(4354),i=n(3700),s=r.TypeError;t.exports=function(t){if(o(t))return t;throw s(i(t)+" is not a function")}},4579:function(t,e,n){var r=n(2569),o=n(7829),i=n(3700),s=r.TypeError;t.exports=function(t){if(o(t))return t;throw s(i(t)+" is not a constructor")}},3467:function(t,e,n){var r=n(2569),o=n(4354),i=r.String,s=r.TypeError;t.exports=function(t){if("object"==typeof t||o(t))return t;throw s("Can't set "+i(t)+" as a prototype")}},2834:function(t,e,n){var r=n(2931),o=n(9062),i=n(378),s=r("unscopables"),a=Array.prototype;null==a[s]&&i.f(a,s,{configurable:!0,value:o(null)}),t.exports=function(t){a[s][t]=!0}},1421:function(t,e,n){var r=n(2569),o=n(1651),i=r.String,s=r.TypeError;t.exports=function(t){if(o(t))return t;throw s(i(t)+" is not an object")}},4041:function(t,e,n){var r=n(7830),o=n(7841),i=n(6095),s=function(t){return function(e,n,s){var a,c=r(e),u=i(c),l=o(s,u);if(t&&n!=n){for(;u>l;)if((a=c[l++])!=a)return!0}else for(;u>l;l++)if((t||l in c)&&c[l]===n)return t||l||0;return!t&&-1}};t.exports={includes:s(!0),indexOf:s(!1)}},8250:function(t,e,n){var r=n(1540),o=r({}.toString),i=r("".slice);t.exports=function(t){return i(o(t),8,-1)}},3114:function(t,e,n){var r=n(2569),o=n(2102),i=n(4354),s=n(8250),a=n(2931)("toStringTag"),c=r.Object,u="Arguments"==s(function(){return arguments}());t.exports=o?s:function(t){var e,n,r;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=c(t),a))?n:u?s(e):"Object"==(r=s(e))&&i(e.callee)?"Arguments":r}},8778:function(t,e,n){var r=n(5320),o=n(6830),i=n(892),s=n(378);t.exports=function(t,e,n){for(var a=o(e),c=s.f,u=i.f,l=0;l<a.length;l++){var f=a[l];r(t,f)||n&&r(n,f)||c(t,f,u(e,f))}}},5031:function(t,e,n){var r=n(2112);t.exports=!r((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}))},4170:function(t,e,n){"use strict";var r=n(5756).IteratorPrototype,o=n(9062),i=n(3233),s=n(2087),a=n(9259),c=function(){return this};t.exports=function(t,e,n,u){var l=e+" Iterator";return t.prototype=o(r,{next:i(+!u,n)}),s(t,l,!1,!0),a[l]=c,t}},7632:function(t,e,n){var r=n(1738),o=n(378),i=n(3233);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},3233:function(t){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},1084:function(t,e,n){"use strict";var r=n(7641),o=n(7425),i=n(1274),s=n(34),a=n(4354),c=n(4170),u=n(9299),l=n(4001),f=n(2087),h=n(7632),p=n(8946),d=n(2931),v=n(9259),m=n(5756),y=s.PROPER,g=s.CONFIGURABLE,b=m.IteratorPrototype,x=m.BUGGY_SAFARI_ITERATORS,w=d("iterator"),S="keys",L="values",O="entries",T=function(){return this};t.exports=function(t,e,n,s,d,m,j){c(n,e,s);var E,P,C,A=function(t){if(t===d&&D)return D;if(!x&&t in F)return F[t];switch(t){case S:case L:case O:return function(){return new n(this,t)}}return function(){return new n(this)}},M=e+" Iterator",k=!1,F=t.prototype,I=F[w]||F["@@iterator"]||d&&F[d],D=!x&&I||A(d),_="Array"==e&&F.entries||I;if(_&&(E=u(_.call(new t)))!==Object.prototype&&E.next&&(i||u(E)===b||(l?l(E,b):a(E[w])||p(E,w,T)),f(E,M,!0,!0),i&&(v[M]=T)),y&&d==L&&I&&I.name!==L&&(!i&&g?h(F,"name",L):(k=!0,D=function(){return o(I,this)})),d)if(P={values:A(L),keys:m?D:A(S),entries:A(O)},j)for(C in P)(x||k||!(C in F))&&p(F,C,P[C]);else r({target:e,proto:!0,forced:x||k},P);return i&&!j||F[w]===D||p(F,w,D,{name:d}),v[e]=D,P}},1738:function(t,e,n){var r=n(2112);t.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},7934:function(t,e,n){var r=n(2569),o=n(1651),i=r.document,s=o(i)&&o(i.createElement);t.exports=function(t){return s?i.createElement(t):{}}},7921:function(t){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},6583:function(t,e,n){var r=n(7934)("span").classList,o=r&&r.constructor&&r.constructor.prototype;t.exports=o===Object.prototype?void 0:o},2831:function(t,e,n){var r=n(2430);t.exports=r("navigator","userAgent")||""},9318:function(t,e,n){var r,o,i=n(2569),s=n(2831),a=i.process,c=i.Deno,u=a&&a.versions||c&&c.version,l=u&&u.v8;l&&(o=(r=l.split("."))[0]>0&&r[0]<4?1:+(r[0]+r[1])),!o&&s&&(!(r=s.match(/Edge\/(\d+)/))||r[1]>=74)&&(r=s.match(/Chrome\/(\d+)/))&&(o=+r[1]),t.exports=o},4328:function(t){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},7641:function(t,e,n){var r=n(2569),o=n(892).f,i=n(7632),s=n(8946),a=n(2024),c=n(8778),u=n(8787);t.exports=function(t,e){var n,l,f,h,p,d=t.target,v=t.global,m=t.stat;if(n=v?r:m?r[d]||a(d,{}):(r[d]||{}).prototype)for(l in e){if(h=e[l],f=t.noTargetGet?(p=o(n,l))&&p.value:n[l],!u(v?l:d+(m?".":"#")+l,t.forced)&&void 0!==f){if(typeof h==typeof f)continue;c(h,f)}(t.sham||f&&f.sham)&&i(h,"sham",!0),s(n,l,h,t)}}},2112:function(t){t.exports=function(t){try{return!!t()}catch(t){return!0}}},9581:function(t,e,n){var r=n(2112);t.exports=!r((function(){var t=function(){}.bind();return"function"!=typeof t||t.hasOwnProperty("prototype")}))},7425:function(t,e,n){var r=n(9581),o=Function.prototype.call;t.exports=r?o.bind(o):function(){return o.apply(o,arguments)}},34:function(t,e,n){var r=n(1738),o=n(5320),i=Function.prototype,s=r&&Object.getOwnPropertyDescriptor,a=o(i,"name"),c=a&&"something"===function(){}.name,u=a&&(!r||r&&s(i,"name").configurable);t.exports={EXISTS:a,PROPER:c,CONFIGURABLE:u}},1540:function(t,e,n){var r=n(9581),o=Function.prototype,i=o.bind,s=o.call,a=r&&i.bind(s,s);t.exports=r?function(t){return t&&a(t)}:function(t){return t&&function(){return s.apply(t,arguments)}}},2430:function(t,e,n){var r=n(2569),o=n(4354),i=function(t){return o(t)?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t]):r[t]&&r[t][e]}},5324:function(t,e,n){var r=n(2220);t.exports=function(t,e){var n=t[e];return null==n?void 0:r(n)}},2569:function(t,e,n){var r=function(t){return t&&t.Math==Math&&t};t.exports=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof n.g&&n.g)||function(){return this}()||Function("return this")()},5320:function(t,e,n){var r=n(1540),o=n(6416),i=r({}.hasOwnProperty);t.exports=Object.hasOwn||function(t,e){return i(o(t),e)}},9012:function(t){t.exports={}},99:function(t,e,n){var r=n(2430);t.exports=r("document","documentElement")},8232:function(t,e,n){var r=n(1738),o=n(2112),i=n(7934);t.exports=!r&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},6674:function(t,e,n){var r=n(2569),o=n(1540),i=n(2112),s=n(8250),a=r.Object,c=o("".split);t.exports=i((function(){return!a("z").propertyIsEnumerable(0)}))?function(t){return"String"==s(t)?c(t,""):a(t)}:a},5193:function(t,e,n){var r=n(1540),o=n(4354),i=n(7039),s=r(Function.toString);o(i.inspectSource)||(i.inspectSource=function(t){return s(t)}),t.exports=i.inspectSource},3500:function(t,e,n){var r,o,i,s=n(5965),a=n(2569),c=n(1540),u=n(1651),l=n(7632),f=n(5320),h=n(7039),p=n(9097),d=n(9012),v="Object already initialized",m=a.TypeError,y=a.WeakMap;if(s||h.state){var g=h.state||(h.state=new y),b=c(g.get),x=c(g.has),w=c(g.set);r=function(t,e){if(x(g,t))throw new m(v);return e.facade=t,w(g,t,e),e},o=function(t){return b(g,t)||{}},i=function(t){return x(g,t)}}else{var S=p("state");d[S]=!0,r=function(t,e){if(f(t,S))throw new m(v);return e.facade=t,l(t,S,e),e},o=function(t){return f(t,S)?t[S]:{}},i=function(t){return f(t,S)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!u(e)||(n=o(e)).type!==t)throw m("Incompatible receiver, "+t+" required");return n}}}},4354:function(t){t.exports=function(t){return"function"==typeof t}},7829:function(t,e,n){var r=n(1540),o=n(2112),i=n(4354),s=n(3114),a=n(2430),c=n(5193),u=function(){},l=[],f=a("Reflect","construct"),h=/^\s*(?:class|function)\b/,p=r(h.exec),d=!h.exec(u),v=function(t){if(!i(t))return!1;try{return f(u,l,t),!0}catch(t){return!1}},m=function(t){if(!i(t))return!1;switch(s(t)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return d||!!p(h,c(t))}catch(t){return!0}};m.sham=!0,t.exports=!f||o((function(){var t;return v(v.call)||!v(Object)||!v((function(){t=!0}))||t}))?m:v},8787:function(t,e,n){var r=n(2112),o=n(4354),i=/#|\.prototype\./,s=function(t,e){var n=c[a(t)];return n==l||n!=u&&(o(e)?r(e):!!e)},a=s.normalize=function(t){return String(t).replace(i,".").toLowerCase()},c=s.data={},u=s.NATIVE="N",l=s.POLYFILL="P";t.exports=s},1651:function(t,e,n){var r=n(4354);t.exports=function(t){return"object"==typeof t?null!==t:r(t)}},1274:function(t){t.exports=!1},8937:function(t,e,n){var r=n(2569),o=n(2430),i=n(4354),s=n(7652),a=n(7374),c=r.Object;t.exports=a?function(t){return"symbol"==typeof t}:function(t){var e=o("Symbol");return i(e)&&s(e.prototype,c(t))}},5756:function(t,e,n){"use strict";var r,o,i,s=n(2112),a=n(4354),c=n(9062),u=n(9299),l=n(8946),f=n(2931),h=n(1274),p=f("iterator"),d=!1;[].keys&&("next"in(i=[].keys())?(o=u(u(i)))!==Object.prototype&&(r=o):d=!0),null==r||s((function(){var t={};return r[p].call(t)!==t}))?r={}:h&&(r=c(r)),a(r[p])||l(r,p,(function(){return this})),t.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:d}},9259:function(t){t.exports={}},6095:function(t,e,n){var r=n(9309);t.exports=function(t){return r(t.length)}},3874:function(t,e,n){var r=n(2569);t.exports=r.Promise},5598:function(t,e,n){var r=n(9318),o=n(2112);t.exports=!!Object.getOwnPropertySymbols&&!o((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&r&&r<41}))},5965:function(t,e,n){var r=n(2569),o=n(4354),i=n(5193),s=r.WeakMap;t.exports=o(s)&&/native code/.test(i(s))},4856:function(t,e,n){"use strict";var r=n(2220),o=function(t){var e,n;this.promise=new t((function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r})),this.resolve=r(e),this.reject=r(n)};t.exports.f=function(t){return new o(t)}},9062:function(t,e,n){var r,o=n(1421),i=n(3116),s=n(4328),a=n(9012),c=n(99),u=n(7934),l=n(9097),f=l("IE_PROTO"),h=function(){},p=function(t){return"<script>"+t+"</"+"script>"},d=function(t){t.write(p("")),t.close();var e=t.parentWindow.Object;return t=null,e},v=function(){try{r=new ActiveXObject("htmlfile")}catch(t){}var t,e;v="undefined"!=typeof document?document.domain&&r?d(r):((e=u("iframe")).style.display="none",c.appendChild(e),e.src=String("javascript:"),(t=e.contentWindow.document).open(),t.write(p("document.F=Object")),t.close(),t.F):d(r);for(var n=s.length;n--;)delete v.prototype[s[n]];return v()};a[f]=!0,t.exports=Object.create||function(t,e){var n;return null!==t?(h.prototype=o(t),n=new h,h.prototype=null,n[f]=t):n=v(),void 0===e?n:i.f(n,e)}},3116:function(t,e,n){var r=n(1738),o=n(5734),i=n(378),s=n(1421),a=n(7830),c=n(2551);e.f=r&&!o?Object.defineProperties:function(t,e){s(t);for(var n,r=a(e),o=c(e),u=o.length,l=0;u>l;)i.f(t,n=o[l++],r[n]);return t}},378:function(t,e,n){var r=n(2569),o=n(1738),i=n(8232),s=n(5734),a=n(1421),c=n(7411),u=r.TypeError,l=Object.defineProperty,f=Object.getOwnPropertyDescriptor,h="enumerable",p="configurable",d="writable";e.f=o?s?function(t,e,n){if(a(t),e=c(e),a(n),"function"==typeof t&&"prototype"===e&&"value"in n&&d in n&&!n.writable){var r=f(t,e);r&&r.writable&&(t[e]=n.value,n={configurable:p in n?n.configurable:r.configurable,enumerable:h in n?n.enumerable:r.enumerable,writable:!1})}return l(t,e,n)}:l:function(t,e,n){if(a(t),e=c(e),a(n),i)try{return l(t,e,n)}catch(t){}if("get"in n||"set"in n)throw u("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},892:function(t,e,n){var r=n(1738),o=n(7425),i=n(7079),s=n(3233),a=n(7830),c=n(7411),u=n(5320),l=n(8232),f=Object.getOwnPropertyDescriptor;e.f=r?f:function(t,e){if(t=a(t),e=c(e),l)try{return f(t,e)}catch(t){}if(u(t,e))return s(!o(i.f,t,e),t[e])}},9704:function(t,e,n){var r=n(9313),o=n(4328).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},419:function(t,e){e.f=Object.getOwnPropertySymbols},9299:function(t,e,n){var r=n(2569),o=n(5320),i=n(4354),s=n(6416),a=n(9097),c=n(5031),u=a("IE_PROTO"),l=r.Object,f=l.prototype;t.exports=c?l.getPrototypeOf:function(t){var e=s(t);if(o(e,u))return e[u];var n=e.constructor;return i(n)&&e instanceof n?n.prototype:e instanceof l?f:null}},7652:function(t,e,n){var r=n(1540);t.exports=r({}.isPrototypeOf)},9313:function(t,e,n){var r=n(1540),o=n(5320),i=n(7830),s=n(4041).indexOf,a=n(9012),c=r([].push);t.exports=function(t,e){var n,r=i(t),u=0,l=[];for(n in r)!o(a,n)&&o(r,n)&&c(l,n);for(;e.length>u;)o(r,n=e[u++])&&(~s(l,n)||c(l,n));return l}},2551:function(t,e,n){var r=n(9313),o=n(4328);t.exports=Object.keys||function(t){return r(t,o)}},7079:function(t,e){"use strict";var n={}.propertyIsEnumerable,r=Object.getOwnPropertyDescriptor,o=r&&!n.call({1:2},1);e.f=o?function(t){var e=r(this,t);return!!e&&e.enumerable}:n},4001:function(t,e,n){var r=n(1540),o=n(1421),i=n(3467);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,n={};try{(t=r(Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set))(n,[]),e=n instanceof Array}catch(t){}return function(n,r){return o(n),i(r),e?t(n,r):n.__proto__=r,n}}():void 0)},6964:function(t,e,n){var r=n(2569),o=n(7425),i=n(4354),s=n(1651),a=r.TypeError;t.exports=function(t,e){var n,r;if("string"===e&&i(n=t.toString)&&!s(r=o(n,t)))return r;if(i(n=t.valueOf)&&!s(r=o(n,t)))return r;if("string"!==e&&i(n=t.toString)&&!s(r=o(n,t)))return r;throw a("Can't convert object to primitive value")}},6830:function(t,e,n){var r=n(2430),o=n(1540),i=n(9704),s=n(419),a=n(1421),c=o([].concat);t.exports=r("Reflect","ownKeys")||function(t){var e=i.f(a(t)),n=s.f;return n?c(e,n(t)):e}},8718:function(t,e,n){var r=n(1421),o=n(1651),i=n(4856);t.exports=function(t,e){if(r(t),o(e)&&e.constructor===t)return e;var n=i.f(t);return(0,n.resolve)(e),n.promise}},8946:function(t,e,n){var r=n(2569),o=n(4354),i=n(5320),s=n(7632),a=n(2024),c=n(5193),u=n(3500),l=n(34).CONFIGURABLE,f=u.get,h=u.enforce,p=String(String).split("String");(t.exports=function(t,e,n,c){var u,f=!!c&&!!c.unsafe,d=!!c&&!!c.enumerable,v=!!c&&!!c.noTargetGet,m=c&&void 0!==c.name?c.name:e;o(n)&&("Symbol("===String(m).slice(0,7)&&(m="["+String(m).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),(!i(n,"name")||l&&n.name!==m)&&s(n,"name",m),(u=h(n)).source||(u.source=p.join("string"==typeof m?m:""))),t!==r?(f?!v&&t[e]&&(d=!0):delete t[e],d?t[e]=n:s(t,e,n)):d?t[e]=n:a(e,n)})(Function.prototype,"toString",(function(){return o(this)&&f(this).source||c(this)}))},1196:function(t,e,n){var r=n(2569).TypeError;t.exports=function(t){if(null==t)throw r("Can't call method on "+t);return t}},2024:function(t,e,n){var r=n(2569),o=Object.defineProperty;t.exports=function(t,e){try{o(r,t,{value:e,configurable:!0,writable:!0})}catch(n){r[t]=e}return e}},2087:function(t,e,n){var r=n(378).f,o=n(5320),i=n(2931)("toStringTag");t.exports=function(t,e,n){t&&!n&&(t=t.prototype),t&&!o(t,i)&&r(t,i,{configurable:!0,value:e})}},9097:function(t,e,n){var r=n(9944),o=n(9225),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},7039:function(t,e,n){var r=n(2569),o=n(2024),i="__core-js_shared__",s=r[i]||o(i,{});t.exports=s},9944:function(t,e,n){var r=n(1274),o=n(7039);(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.21.0",mode:r?"pure":"global",copyright:"© 2014-2022 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.21.0/LICENSE",source:"https://github.com/zloirock/core-js"})},9139:function(t,e,n){var r=n(1421),o=n(4579),i=n(2931)("species");t.exports=function(t,e){var n,s=r(t).constructor;return void 0===s||null==(n=r(s)[i])?e:o(n)}},7841:function(t,e,n){var r=n(1859),o=Math.max,i=Math.min;t.exports=function(t,e){var n=r(t);return n<0?o(n+e,0):i(n,e)}},7830:function(t,e,n){var r=n(6674),o=n(1196);t.exports=function(t){return r(o(t))}},1859:function(t){var e=Math.ceil,n=Math.floor;t.exports=function(t){var r=+t;return r!=r||0===r?0:(r>0?n:e)(r)}},9309:function(t,e,n){var r=n(1859),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},6416:function(t,e,n){var r=n(2569),o=n(1196),i=r.Object;t.exports=function(t){return i(o(t))}},38:function(t,e,n){var r=n(2569),o=n(7425),i=n(1651),s=n(8937),a=n(5324),c=n(6964),u=n(2931),l=r.TypeError,f=u("toPrimitive");t.exports=function(t,e){if(!i(t)||s(t))return t;var n,r=a(t,f);if(r){if(void 0===e&&(e="default"),n=o(r,t,e),!i(n)||s(n))return n;throw l("Can't convert object to primitive value")}return void 0===e&&(e="number"),c(t,e)}},7411:function(t,e,n){var r=n(38),o=n(8937);t.exports=function(t){var e=r(t,"string");return o(e)?e:e+""}},2102:function(t,e,n){var r={};r[n(2931)("toStringTag")]="z",t.exports="[object z]"===String(r)},3700:function(t,e,n){var r=n(2569).String;t.exports=function(t){try{return r(t)}catch(t){return"Object"}}},9225:function(t,e,n){var r=n(1540),o=0,i=Math.random(),s=r(1..toString);t.exports=function(t){return"Symbol("+(void 0===t?"":t)+")_"+s(++o+i,36)}},7374:function(t,e,n){var r=n(5598);t.exports=r&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},5734:function(t,e,n){var r=n(1738),o=n(2112);t.exports=r&&o((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},2931:function(t,e,n){var r=n(2569),o=n(9944),i=n(5320),s=n(9225),a=n(5598),c=n(7374),u=o("wks"),l=r.Symbol,f=l&&l.for,h=c?l:l&&l.withoutSetter||s;t.exports=function(t){if(!i(u,t)||!a&&"string"!=typeof u[t]){var e="Symbol."+t;a&&i(l,t)?u[t]=l[t]:u[t]=c&&f?f(e):h(e)}return u[t]}},5006:function(t,e,n){"use strict";var r=n(7830),o=n(2834),i=n(9259),s=n(3500),a=n(378).f,c=n(1084),u=n(1274),l=n(1738),f="Array Iterator",h=s.set,p=s.getterFor(f);t.exports=c(Array,"Array",(function(t,e){h(this,{type:f,target:r(t),index:0,kind:e})}),(function(){var t=p(this),e=t.target,n=t.kind,r=t.index++;return!e||r>=e.length?(t.target=void 0,{value:void 0,done:!0}):"keys"==n?{value:r,done:!1}:"values"==n?{value:e[r],done:!1}:{value:[r,e[r]],done:!1}}),"values");var d=i.Arguments=i.Array;if(o("keys"),o("values"),o("entries"),!u&&l&&"values"!==d.name)try{a(d,"name",{value:"values"})}catch(t){}},8709:function(t,e,n){"use strict";var r=n(7641),o=n(1274),i=n(3874),s=n(2112),a=n(2430),c=n(4354),u=n(9139),l=n(8718),f=n(8946);if(r({target:"Promise",proto:!0,real:!0,forced:!!i&&s((function(){i.prototype.finally.call({then:function(){}},(function(){}))}))},{finally:function(t){var e=u(this,a("Promise")),n=c(t);return this.then(n?function(n){return l(e,t()).then((function(){return n}))}:t,n?function(n){return l(e,t()).then((function(){throw n}))}:t)}}),!o&&c(i)){var h=a("Promise").prototype.finally;i.prototype.finally!==h&&f(i.prototype,"finally",h,{unsafe:!0})}},8669:function(t,e,n){var r=n(2569),o=n(7921),i=n(6583),s=n(5006),a=n(7632),c=n(2931),u=c("iterator"),l=c("toStringTag"),f=s.values,h=function(t,e){if(t){if(t[u]!==f)try{a(t,u,f)}catch(e){t[u]=f}if(t[l]||a(t,l,e),o[e])for(var n in s)if(t[n]!==s[n])try{a(t,n,s[n])}catch(e){t[n]=s[n]}}};for(var p in o)h(r[p]&&r[p].prototype,p);h(i,"DOMTokenList")}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={exports:{}};return t[r](i,i.exports,n),i.exports}n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),function(){"use strict";class t extends Snowboard.PluginBase{constructor(t,e,n,r){super(t),this.message=e,this.type=n||"default",this.duration=r||7,this.clear(),this.timer=null,this.flashTimer=null,this.create()}dependencies(){return["transition"]}destructor(){null!==this.timer&&window.clearTimeout(this.timer),this.flash&&(this.flashTimer.remove(),this.flash.remove(),this.flash=null,this.flashTimer=null),super.destructor()}create(){this.flash=document.createElement("DIV"),this.flashTimer=document.createElement("DIV"),this.flash.innerHTML=this.message,this.flash.classList.add("flash-message",this.type),this.flashTimer.classList.add("flash-timer"),this.flash.removeAttribute("data-control"),this.flash.addEventListener("click",(()=>this.remove())),this.flash.addEventListener("mouseover",(()=>this.stopTimer())),this.flash.addEventListener("mouseout",(()=>this.startTimer())),this.flash.appendChild(this.flashTimer),document.body.appendChild(this.flash),this.snowboard.transition(this.flash,"show",(()=>{this.startTimer()}))}remove(){this.stopTimer(),this.snowboard.transition(this.flash,"hide",(()=>{this.flash.remove(),this.flash=null,this.destructor()}))}clear(){document.querySelectorAll("body > div.flash-message").forEach((t=>t.remove()))}startTimer(){this.timerTrans=this.snowboard.transition(this.flashTimer,"timeout",null,"".concat(this.duration,".0s"),!0),this.timer=window.setTimeout((()=>this.remove()),1e3*this.duration)}stopTimer(){this.timerTrans&&this.timerTrans.cancel(),window.clearTimeout(this.timer)}}n(8669);class e extends Snowboard.Singleton{dependencies(){return["flash"]}listens(){return{ready:"ready",ajaxErrorMessage:"ajaxErrorMessage",ajaxFlashMessages:"ajaxFlashMessages"}}ready(){document.querySelectorAll('[data-control="flash-message"]').forEach((t=>{this.snowboard.flash(t.innerHTML,t.dataset.flashType,t.dataset.flashDuration)}))}ajaxErrorMessage(t){return this.snowboard.flash(t,"error"),!1}ajaxFlashMessages(t){return Object.entries(t).forEach((t=>{const[e,n]=t;this.snowboard.flash(n,e)})),!1}}class r extends Snowboard.PluginBase{constructor(t,e,n,r,o,i){if(super(t),e instanceof HTMLElement==!1)throw new Error("A HTMLElement must be provided for transitioning");if(this.element=e,"string"!=typeof n)throw new Error("Transition name must be specified as a string");if(this.transition=n,r&&"function"!=typeof r)throw new Error("Callback must be a valid function");this.callback=r,this.duration=o?this.parseDuration(o):null,this.trailTo=!0===i,this.doTransition()}eventClasses(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];const r={in:"".concat(this.transition,"-in"),active:"".concat(this.transition,"-active"),out:"".concat(this.transition,"-out")};if(0===e.length)return Object.values(r);const o=[];return Object.entries(r).forEach((t=>{const[n,r]=t;-1!==e.indexOf(n)&&o.push(r)})),o}doTransition(){null!==this.duration&&(this.element.style.transitionDuration=this.duration),this.resetClasses(),this.eventClasses("in","active").forEach((t=>{this.element.classList.add(t)})),window.requestAnimationFrame((()=>{"0s"!==window.getComputedStyle(this.element)["transition-duration"]?(this.element.addEventListener("transitionend",(()=>this.onTransitionEnd()),{once:!0}),window.requestAnimationFrame((()=>{this.element.classList.remove(this.eventClasses("in")[0]),this.element.classList.add(this.eventClasses("out")[0])}))):(this.resetClasses(),this.callback&&this.callback.apply(this.element),this.destructor())}))}onTransitionEnd(){this.eventClasses("active",this.trailTo?"":"out").forEach((t=>{this.element.classList.remove(t)})),this.callback&&this.callback.apply(this.element),null!==this.duration&&(this.element.style.transitionDuration=null),this.destructor()}cancel(){this.element.removeEventListener("transitionend",(()=>this.onTransitionEnd),{once:!0}),this.resetClasses(),null!==this.duration&&(this.element.style.transitionDuration=null),this.destructor()}resetClasses(){this.eventClasses().forEach((t=>{this.element.classList.remove(t)}))}parseDuration(t){const e=/^([0-9]+(\.[0-9]+)?)(m?s)?$/.exec(t),n=Number(e[1]),r="s"===e[3]?"sec":"msec";return"".concat("sec"===r?1e3*n:Math.floor(n),"ms")}}class o extends Snowboard.Singleton{dependencies(){return["request"]}listens(){return{ajaxStart:"ajaxStart",ajaxDone:"ajaxDone"}}ajaxStart(t,e){if(e.element)if("FORM"===e.element.tagName){const t=e.element.querySelectorAll("[data-attach-loading]");t.length>0&&t.forEach((t=>{t.classList.add(this.getLoadingClass(t))}))}else void 0!==e.element.dataset.attachLoading&&e.element.classList.add(this.getLoadingClass(e.element))}ajaxDone(t,e){if(e.element)if("FORM"===e.element.tagName){const t=e.element.querySelectorAll("[data-attach-loading]");t.length>0&&t.forEach((t=>{t.classList.remove(this.getLoadingClass(t))}))}else void 0!==e.element.dataset.attachLoading&&e.element.classList.remove(this.getLoadingClass(e.element))}getLoadingClass(t){return void 0!==t.dataset.attachLoading&&""!==t.dataset.attachLoading?t.dataset.attachLoading:"wn-loading"}}n(8709);class i extends Snowboard.Singleton{dependencies(){return["request"]}listens(){return{ready:"ready",ajaxStart:"ajaxStart"}}ready(){this.counter=0,this.createStripe()}ajaxStart(t){this.show(),t.catch((()=>{this.hide()})).finally((()=>{this.hide()}))}createStripe(){this.indicator=document.createElement("DIV"),this.stripe=document.createElement("DIV"),this.stripeLoaded=document.createElement("DIV"),this.indicator.classList.add("stripe-loading-indicator","loaded"),this.stripe.classList.add("stripe"),this.stripeLoaded.classList.add("stripe-loaded"),this.indicator.appendChild(this.stripe),this.indicator.appendChild(this.stripeLoaded),document.body.appendChild(this.indicator)}show(){this.counter+=1;const t=this.stripe.cloneNode(!0);this.indicator.appendChild(t),this.stripe.remove(),this.stripe=t,this.counter>1||(this.indicator.classList.remove("loaded"),document.body.classList.add("wn-loading"))}hide(t){this.counter-=1,!0===t&&(this.counter=0),this.counter<=0&&(this.indicator.classList.add("loaded"),document.body.classList.remove("wn-loading"))}}class s extends Snowboard.Singleton{listens(){return{ready:"ready"}}ready(){let t=!1;if(document.querySelectorAll('link[rel="stylesheet"]').forEach((e=>{e.href.endsWith("/modules/system/assets/css/snowboard.extras.css")&&(t=!0)})),!t){const t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("href","/modules/system/assets/css/snowboard.extras.css"),document.head.appendChild(t)}}}(n=>{n.addPlugin("extrasStyles",s),n.addPlugin("transition",r),n.addPlugin("flash",t),n.addPlugin("flashListener",e),n.addPlugin("attachLoading",o),n.addPlugin("stripeLoader",i)})(window.Snowboard)}()}();
\ No newline at end of file
diff --git a/modules/system/assets/js/snowboard/build/snowboard.request.js b/modules/system/assets/js/snowboard/build/snowboard.request.js
new file mode 100644
index 0000000000..81b83440b2
--- /dev/null
+++ b/modules/system/assets/js/snowboard/build/snowboard.request.js
@@ -0,0 +1 @@
+!function(){var t={2220:function(t,e,n){var r=n(2569),o=n(4354),i=n(3700),s=r.TypeError;t.exports=function(t){if(o(t))return t;throw s(i(t)+" is not a function")}},4579:function(t,e,n){var r=n(2569),o=n(7829),i=n(3700),s=r.TypeError;t.exports=function(t){if(o(t))return t;throw s(i(t)+" is not a constructor")}},3467:function(t,e,n){var r=n(2569),o=n(4354),i=r.String,s=r.TypeError;t.exports=function(t){if("object"==typeof t||o(t))return t;throw s("Can't set "+i(t)+" as a prototype")}},2834:function(t,e,n){var r=n(2931),o=n(9062),i=n(378),s=r("unscopables"),a=Array.prototype;null==a[s]&&i.f(a,s,{configurable:!0,value:o(null)}),t.exports=function(t){a[s][t]=!0}},1421:function(t,e,n){var r=n(2569),o=n(1651),i=r.String,s=r.TypeError;t.exports=function(t){if(o(t))return t;throw s(i(t)+" is not an object")}},4041:function(t,e,n){var r=n(7830),o=n(7841),i=n(6095),s=function(t){return function(e,n,s){var a,c=r(e),u=i(c),f=o(s,u);if(t&&n!=n){for(;u>f;)if((a=c[f++])!=a)return!0}else for(;u>f;f++)if((t||f in c)&&c[f]===n)return t||f||0;return!t&&-1}};t.exports={includes:s(!0),indexOf:s(!1)}},8250:function(t,e,n){var r=n(1540),o=r({}.toString),i=r("".slice);t.exports=function(t){return i(o(t),8,-1)}},3114:function(t,e,n){var r=n(2569),o=n(2102),i=n(4354),s=n(8250),a=n(2931)("toStringTag"),c=r.Object,u="Arguments"==s(function(){return arguments}());t.exports=o?s:function(t){var e,n,r;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=c(t),a))?n:u?s(e):"Object"==(r=s(e))&&i(e.callee)?"Arguments":r}},8778:function(t,e,n){var r=n(5320),o=n(6830),i=n(892),s=n(378);t.exports=function(t,e,n){for(var a=o(e),c=s.f,u=i.f,f=0;f<a.length;f++){var p=a[f];r(t,p)||n&&r(n,p)||c(t,p,u(e,p))}}},5031:function(t,e,n){var r=n(2112);t.exports=!r((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}))},4170:function(t,e,n){"use strict";var r=n(5756).IteratorPrototype,o=n(9062),i=n(3233),s=n(2087),a=n(9259),c=function(){return this};t.exports=function(t,e,n,u){var f=e+" Iterator";return t.prototype=o(r,{next:i(+!u,n)}),s(t,f,!1,!0),a[f]=c,t}},7632:function(t,e,n){var r=n(1738),o=n(378),i=n(3233);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},3233:function(t){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},1084:function(t,e,n){"use strict";var r=n(7641),o=n(7425),i=n(1274),s=n(34),a=n(4354),c=n(4170),u=n(9299),f=n(4001),p=n(2087),l=n(7632),h=n(8946),d=n(2931),v=n(9259),y=n(5756),b=s.PROPER,m=s.CONFIGURABLE,g=y.IteratorPrototype,E=y.BUGGY_SAFARI_ITERATORS,x=d("iterator"),w="keys",S="values",O="entries",j=function(){return this};t.exports=function(t,e,n,s,d,y,T){c(n,e,s);var R,P,_,A=function(t){if(t===d&&F)return F;if(!E&&t in M)return M[t];switch(t){case w:case S:case O:return function(){return new n(this,t)}}return function(){return new n(this)}},L=e+" Iterator",I=!1,M=t.prototype,D=M[x]||M["@@iterator"]||d&&M[d],F=!E&&D||A(d),C="Array"==e&&M.entries||D;if(C&&(R=u(C.call(new t)))!==Object.prototype&&R.next&&(i||u(R)===g||(f?f(R,g):a(R[x])||h(R,x,j)),p(R,L,!0,!0),i&&(v[L]=j)),b&&d==S&&D&&D.name!==S&&(!i&&m?l(M,"name",S):(I=!0,F=function(){return o(D,this)})),d)if(P={values:A(S),keys:y?F:A(w),entries:A(O)},T)for(_ in P)(E||I||!(_ in M))&&h(M,_,P[_]);else r({target:e,proto:!0,forced:E||I},P);return i&&!T||M[x]===F||h(M,x,F,{name:d}),v[e]=F,P}},1738:function(t,e,n){var r=n(2112);t.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},7934:function(t,e,n){var r=n(2569),o=n(1651),i=r.document,s=o(i)&&o(i.createElement);t.exports=function(t){return s?i.createElement(t):{}}},7921:function(t){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},6583:function(t,e,n){var r=n(7934)("span").classList,o=r&&r.constructor&&r.constructor.prototype;t.exports=o===Object.prototype?void 0:o},2831:function(t,e,n){var r=n(2430);t.exports=r("navigator","userAgent")||""},9318:function(t,e,n){var r,o,i=n(2569),s=n(2831),a=i.process,c=i.Deno,u=a&&a.versions||c&&c.version,f=u&&u.v8;f&&(o=(r=f.split("."))[0]>0&&r[0]<4?1:+(r[0]+r[1])),!o&&s&&(!(r=s.match(/Edge\/(\d+)/))||r[1]>=74)&&(r=s.match(/Chrome\/(\d+)/))&&(o=+r[1]),t.exports=o},4328:function(t){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},7641:function(t,e,n){var r=n(2569),o=n(892).f,i=n(7632),s=n(8946),a=n(2024),c=n(8778),u=n(8787);t.exports=function(t,e){var n,f,p,l,h,d=t.target,v=t.global,y=t.stat;if(n=v?r:y?r[d]||a(d,{}):(r[d]||{}).prototype)for(f in e){if(l=e[f],p=t.noTargetGet?(h=o(n,f))&&h.value:n[f],!u(v?f:d+(y?".":"#")+f,t.forced)&&void 0!==p){if(typeof l==typeof p)continue;c(l,p)}(t.sham||p&&p.sham)&&i(l,"sham",!0),s(n,f,l,t)}}},2112:function(t){t.exports=function(t){try{return!!t()}catch(t){return!0}}},9581:function(t,e,n){var r=n(2112);t.exports=!r((function(){var t=function(){}.bind();return"function"!=typeof t||t.hasOwnProperty("prototype")}))},7425:function(t,e,n){var r=n(9581),o=Function.prototype.call;t.exports=r?o.bind(o):function(){return o.apply(o,arguments)}},34:function(t,e,n){var r=n(1738),o=n(5320),i=Function.prototype,s=r&&Object.getOwnPropertyDescriptor,a=o(i,"name"),c=a&&"something"===function(){}.name,u=a&&(!r||r&&s(i,"name").configurable);t.exports={EXISTS:a,PROPER:c,CONFIGURABLE:u}},1540:function(t,e,n){var r=n(9581),o=Function.prototype,i=o.bind,s=o.call,a=r&&i.bind(s,s);t.exports=r?function(t){return t&&a(t)}:function(t){return t&&function(){return s.apply(t,arguments)}}},2430:function(t,e,n){var r=n(2569),o=n(4354),i=function(t){return o(t)?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t]):r[t]&&r[t][e]}},5324:function(t,e,n){var r=n(2220);t.exports=function(t,e){var n=t[e];return null==n?void 0:r(n)}},2569:function(t,e,n){var r=function(t){return t&&t.Math==Math&&t};t.exports=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof n.g&&n.g)||function(){return this}()||Function("return this")()},5320:function(t,e,n){var r=n(1540),o=n(6416),i=r({}.hasOwnProperty);t.exports=Object.hasOwn||function(t,e){return i(o(t),e)}},9012:function(t){t.exports={}},99:function(t,e,n){var r=n(2430);t.exports=r("document","documentElement")},8232:function(t,e,n){var r=n(1738),o=n(2112),i=n(7934);t.exports=!r&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},6674:function(t,e,n){var r=n(2569),o=n(1540),i=n(2112),s=n(8250),a=r.Object,c=o("".split);t.exports=i((function(){return!a("z").propertyIsEnumerable(0)}))?function(t){return"String"==s(t)?c(t,""):a(t)}:a},5193:function(t,e,n){var r=n(1540),o=n(4354),i=n(7039),s=r(Function.toString);o(i.inspectSource)||(i.inspectSource=function(t){return s(t)}),t.exports=i.inspectSource},3500:function(t,e,n){var r,o,i,s=n(5965),a=n(2569),c=n(1540),u=n(1651),f=n(7632),p=n(5320),l=n(7039),h=n(9097),d=n(9012),v="Object already initialized",y=a.TypeError,b=a.WeakMap;if(s||l.state){var m=l.state||(l.state=new b),g=c(m.get),E=c(m.has),x=c(m.set);r=function(t,e){if(E(m,t))throw new y(v);return e.facade=t,x(m,t,e),e},o=function(t){return g(m,t)||{}},i=function(t){return E(m,t)}}else{var w=h("state");d[w]=!0,r=function(t,e){if(p(t,w))throw new y(v);return e.facade=t,f(t,w,e),e},o=function(t){return p(t,w)?t[w]:{}},i=function(t){return p(t,w)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!u(e)||(n=o(e)).type!==t)throw y("Incompatible receiver, "+t+" required");return n}}}},4354:function(t){t.exports=function(t){return"function"==typeof t}},7829:function(t,e,n){var r=n(1540),o=n(2112),i=n(4354),s=n(3114),a=n(2430),c=n(5193),u=function(){},f=[],p=a("Reflect","construct"),l=/^\s*(?:class|function)\b/,h=r(l.exec),d=!l.exec(u),v=function(t){if(!i(t))return!1;try{return p(u,f,t),!0}catch(t){return!1}},y=function(t){if(!i(t))return!1;switch(s(t)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return d||!!h(l,c(t))}catch(t){return!0}};y.sham=!0,t.exports=!p||o((function(){var t;return v(v.call)||!v(Object)||!v((function(){t=!0}))||t}))?y:v},8787:function(t,e,n){var r=n(2112),o=n(4354),i=/#|\.prototype\./,s=function(t,e){var n=c[a(t)];return n==f||n!=u&&(o(e)?r(e):!!e)},a=s.normalize=function(t){return String(t).replace(i,".").toLowerCase()},c=s.data={},u=s.NATIVE="N",f=s.POLYFILL="P";t.exports=s},1651:function(t,e,n){var r=n(4354);t.exports=function(t){return"object"==typeof t?null!==t:r(t)}},1274:function(t){t.exports=!1},8937:function(t,e,n){var r=n(2569),o=n(2430),i=n(4354),s=n(7652),a=n(7374),c=r.Object;t.exports=a?function(t){return"symbol"==typeof t}:function(t){var e=o("Symbol");return i(e)&&s(e.prototype,c(t))}},5756:function(t,e,n){"use strict";var r,o,i,s=n(2112),a=n(4354),c=n(9062),u=n(9299),f=n(8946),p=n(2931),l=n(1274),h=p("iterator"),d=!1;[].keys&&("next"in(i=[].keys())?(o=u(u(i)))!==Object.prototype&&(r=o):d=!0),null==r||s((function(){var t={};return r[h].call(t)!==t}))?r={}:l&&(r=c(r)),a(r[h])||f(r,h,(function(){return this})),t.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:d}},9259:function(t){t.exports={}},6095:function(t,e,n){var r=n(9309);t.exports=function(t){return r(t.length)}},3874:function(t,e,n){var r=n(2569);t.exports=r.Promise},5598:function(t,e,n){var r=n(9318),o=n(2112);t.exports=!!Object.getOwnPropertySymbols&&!o((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&r&&r<41}))},5965:function(t,e,n){var r=n(2569),o=n(4354),i=n(5193),s=r.WeakMap;t.exports=o(s)&&/native code/.test(i(s))},4856:function(t,e,n){"use strict";var r=n(2220),o=function(t){var e,n;this.promise=new t((function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r})),this.resolve=r(e),this.reject=r(n)};t.exports.f=function(t){return new o(t)}},9062:function(t,e,n){var r,o=n(1421),i=n(3116),s=n(4328),a=n(9012),c=n(99),u=n(7934),f=n(9097),p=f("IE_PROTO"),l=function(){},h=function(t){return"<script>"+t+"</"+"script>"},d=function(t){t.write(h("")),t.close();var e=t.parentWindow.Object;return t=null,e},v=function(){try{r=new ActiveXObject("htmlfile")}catch(t){}var t,e;v="undefined"!=typeof document?document.domain&&r?d(r):((e=u("iframe")).style.display="none",c.appendChild(e),e.src=String("javascript:"),(t=e.contentWindow.document).open(),t.write(h("document.F=Object")),t.close(),t.F):d(r);for(var n=s.length;n--;)delete v.prototype[s[n]];return v()};a[p]=!0,t.exports=Object.create||function(t,e){var n;return null!==t?(l.prototype=o(t),n=new l,l.prototype=null,n[p]=t):n=v(),void 0===e?n:i.f(n,e)}},3116:function(t,e,n){var r=n(1738),o=n(5734),i=n(378),s=n(1421),a=n(7830),c=n(2551);e.f=r&&!o?Object.defineProperties:function(t,e){s(t);for(var n,r=a(e),o=c(e),u=o.length,f=0;u>f;)i.f(t,n=o[f++],r[n]);return t}},378:function(t,e,n){var r=n(2569),o=n(1738),i=n(8232),s=n(5734),a=n(1421),c=n(7411),u=r.TypeError,f=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l="enumerable",h="configurable",d="writable";e.f=o?s?function(t,e,n){if(a(t),e=c(e),a(n),"function"==typeof t&&"prototype"===e&&"value"in n&&d in n&&!n.writable){var r=p(t,e);r&&r.writable&&(t[e]=n.value,n={configurable:h in n?n.configurable:r.configurable,enumerable:l in n?n.enumerable:r.enumerable,writable:!1})}return f(t,e,n)}:f:function(t,e,n){if(a(t),e=c(e),a(n),i)try{return f(t,e,n)}catch(t){}if("get"in n||"set"in n)throw u("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},892:function(t,e,n){var r=n(1738),o=n(7425),i=n(7079),s=n(3233),a=n(7830),c=n(7411),u=n(5320),f=n(8232),p=Object.getOwnPropertyDescriptor;e.f=r?p:function(t,e){if(t=a(t),e=c(e),f)try{return p(t,e)}catch(t){}if(u(t,e))return s(!o(i.f,t,e),t[e])}},9704:function(t,e,n){var r=n(9313),o=n(4328).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},419:function(t,e){e.f=Object.getOwnPropertySymbols},9299:function(t,e,n){var r=n(2569),o=n(5320),i=n(4354),s=n(6416),a=n(9097),c=n(5031),u=a("IE_PROTO"),f=r.Object,p=f.prototype;t.exports=c?f.getPrototypeOf:function(t){var e=s(t);if(o(e,u))return e[u];var n=e.constructor;return i(n)&&e instanceof n?n.prototype:e instanceof f?p:null}},7652:function(t,e,n){var r=n(1540);t.exports=r({}.isPrototypeOf)},9313:function(t,e,n){var r=n(1540),o=n(5320),i=n(7830),s=n(4041).indexOf,a=n(9012),c=r([].push);t.exports=function(t,e){var n,r=i(t),u=0,f=[];for(n in r)!o(a,n)&&o(r,n)&&c(f,n);for(;e.length>u;)o(r,n=e[u++])&&(~s(f,n)||c(f,n));return f}},2551:function(t,e,n){var r=n(9313),o=n(4328);t.exports=Object.keys||function(t){return r(t,o)}},7079:function(t,e){"use strict";var n={}.propertyIsEnumerable,r=Object.getOwnPropertyDescriptor,o=r&&!n.call({1:2},1);e.f=o?function(t){var e=r(this,t);return!!e&&e.enumerable}:n},4001:function(t,e,n){var r=n(1540),o=n(1421),i=n(3467);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,n={};try{(t=r(Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set))(n,[]),e=n instanceof Array}catch(t){}return function(n,r){return o(n),i(r),e?t(n,r):n.__proto__=r,n}}():void 0)},6964:function(t,e,n){var r=n(2569),o=n(7425),i=n(4354),s=n(1651),a=r.TypeError;t.exports=function(t,e){var n,r;if("string"===e&&i(n=t.toString)&&!s(r=o(n,t)))return r;if(i(n=t.valueOf)&&!s(r=o(n,t)))return r;if("string"!==e&&i(n=t.toString)&&!s(r=o(n,t)))return r;throw a("Can't convert object to primitive value")}},6830:function(t,e,n){var r=n(2430),o=n(1540),i=n(9704),s=n(419),a=n(1421),c=o([].concat);t.exports=r("Reflect","ownKeys")||function(t){var e=i.f(a(t)),n=s.f;return n?c(e,n(t)):e}},8718:function(t,e,n){var r=n(1421),o=n(1651),i=n(4856);t.exports=function(t,e){if(r(t),o(e)&&e.constructor===t)return e;var n=i.f(t);return(0,n.resolve)(e),n.promise}},8946:function(t,e,n){var r=n(2569),o=n(4354),i=n(5320),s=n(7632),a=n(2024),c=n(5193),u=n(3500),f=n(34).CONFIGURABLE,p=u.get,l=u.enforce,h=String(String).split("String");(t.exports=function(t,e,n,c){var u,p=!!c&&!!c.unsafe,d=!!c&&!!c.enumerable,v=!!c&&!!c.noTargetGet,y=c&&void 0!==c.name?c.name:e;o(n)&&("Symbol("===String(y).slice(0,7)&&(y="["+String(y).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),(!i(n,"name")||f&&n.name!==y)&&s(n,"name",y),(u=l(n)).source||(u.source=h.join("string"==typeof y?y:""))),t!==r?(p?!v&&t[e]&&(d=!0):delete t[e],d?t[e]=n:s(t,e,n)):d?t[e]=n:a(e,n)})(Function.prototype,"toString",(function(){return o(this)&&p(this).source||c(this)}))},1196:function(t,e,n){var r=n(2569).TypeError;t.exports=function(t){if(null==t)throw r("Can't call method on "+t);return t}},2024:function(t,e,n){var r=n(2569),o=Object.defineProperty;t.exports=function(t,e){try{o(r,t,{value:e,configurable:!0,writable:!0})}catch(n){r[t]=e}return e}},2087:function(t,e,n){var r=n(378).f,o=n(5320),i=n(2931)("toStringTag");t.exports=function(t,e,n){t&&!n&&(t=t.prototype),t&&!o(t,i)&&r(t,i,{configurable:!0,value:e})}},9097:function(t,e,n){var r=n(9944),o=n(9225),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},7039:function(t,e,n){var r=n(2569),o=n(2024),i="__core-js_shared__",s=r[i]||o(i,{});t.exports=s},9944:function(t,e,n){var r=n(1274),o=n(7039);(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.21.0",mode:r?"pure":"global",copyright:"© 2014-2022 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.21.0/LICENSE",source:"https://github.com/zloirock/core-js"})},9139:function(t,e,n){var r=n(1421),o=n(4579),i=n(2931)("species");t.exports=function(t,e){var n,s=r(t).constructor;return void 0===s||null==(n=r(s)[i])?e:o(n)}},7841:function(t,e,n){var r=n(1859),o=Math.max,i=Math.min;t.exports=function(t,e){var n=r(t);return n<0?o(n+e,0):i(n,e)}},7830:function(t,e,n){var r=n(6674),o=n(1196);t.exports=function(t){return r(o(t))}},1859:function(t){var e=Math.ceil,n=Math.floor;t.exports=function(t){var r=+t;return r!=r||0===r?0:(r>0?n:e)(r)}},9309:function(t,e,n){var r=n(1859),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},6416:function(t,e,n){var r=n(2569),o=n(1196),i=r.Object;t.exports=function(t){return i(o(t))}},38:function(t,e,n){var r=n(2569),o=n(7425),i=n(1651),s=n(8937),a=n(5324),c=n(6964),u=n(2931),f=r.TypeError,p=u("toPrimitive");t.exports=function(t,e){if(!i(t)||s(t))return t;var n,r=a(t,p);if(r){if(void 0===e&&(e="default"),n=o(r,t,e),!i(n)||s(n))return n;throw f("Can't convert object to primitive value")}return void 0===e&&(e="number"),c(t,e)}},7411:function(t,e,n){var r=n(38),o=n(8937);t.exports=function(t){var e=r(t,"string");return o(e)?e:e+""}},2102:function(t,e,n){var r={};r[n(2931)("toStringTag")]="z",t.exports="[object z]"===String(r)},3700:function(t,e,n){var r=n(2569).String;t.exports=function(t){try{return r(t)}catch(t){return"Object"}}},9225:function(t,e,n){var r=n(1540),o=0,i=Math.random(),s=r(1..toString);t.exports=function(t){return"Symbol("+(void 0===t?"":t)+")_"+s(++o+i,36)}},7374:function(t,e,n){var r=n(5598);t.exports=r&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},5734:function(t,e,n){var r=n(1738),o=n(2112);t.exports=r&&o((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},2931:function(t,e,n){var r=n(2569),o=n(9944),i=n(5320),s=n(9225),a=n(5598),c=n(7374),u=o("wks"),f=r.Symbol,p=f&&f.for,l=c?f:f&&f.withoutSetter||s;t.exports=function(t){if(!i(u,t)||!a&&"string"!=typeof u[t]){var e="Symbol."+t;a&&i(f,t)?u[t]=f[t]:u[t]=c&&p?p(e):l(e)}return u[t]}},5006:function(t,e,n){"use strict";var r=n(7830),o=n(2834),i=n(9259),s=n(3500),a=n(378).f,c=n(1084),u=n(1274),f=n(1738),p="Array Iterator",l=s.set,h=s.getterFor(p);t.exports=c(Array,"Array",(function(t,e){l(this,{type:p,target:r(t),index:0,kind:e})}),(function(){var t=h(this),e=t.target,n=t.kind,r=t.index++;return!e||r>=e.length?(t.target=void 0,{value:void 0,done:!0}):"keys"==n?{value:r,done:!1}:"values"==n?{value:e[r],done:!1}:{value:[r,e[r]],done:!1}}),"values");var d=i.Arguments=i.Array;if(o("keys"),o("values"),o("entries"),!u&&f&&"values"!==d.name)try{a(d,"name",{value:"values"})}catch(t){}},8709:function(t,e,n){"use strict";var r=n(7641),o=n(1274),i=n(3874),s=n(2112),a=n(2430),c=n(4354),u=n(9139),f=n(8718),p=n(8946);if(r({target:"Promise",proto:!0,real:!0,forced:!!i&&s((function(){i.prototype.finally.call({then:function(){}},(function(){}))}))},{finally:function(t){var e=u(this,a("Promise")),n=c(t);return this.then(n?function(n){return f(e,t()).then((function(){return n}))}:t,n?function(n){return f(e,t()).then((function(){throw n}))}:t)}}),!o&&c(i)){var l=a("Promise").prototype.finally;i.prototype.finally!==l&&p(i.prototype,"finally",l,{unsafe:!0})}},8669:function(t,e,n){var r=n(2569),o=n(7921),i=n(6583),s=n(5006),a=n(7632),c=n(2931),u=c("iterator"),f=c("toStringTag"),p=s.values,l=function(t,e){if(t){if(t[u]!==p)try{a(t,u,p)}catch(e){t[u]=p}if(t[f]||a(t,f,e),o[e])for(var n in s)if(t[n]!==s[n])try{a(t,n,s[n])}catch(e){t[n]=s[n]}}};for(var h in o)l(r[h]&&r[h].prototype,h);l(i,"DOMTokenList")}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={exports:{}};return t[r](i,i.exports,n),i.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},function(){"use strict";n(8709),n(8669);function t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function e(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?t(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function r(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}class o extends Snowboard.PluginBase{constructor(t,e,n,r){if(super(t),"string"==typeof e){const t=document.querySelector(e);if(null===t)throw new Error("No element was found with the given selector: ".concat(e));this.element=t}else this.element=e;if(this.handler=n,this.options=r||{},this.fetchOptions={},this.responseData=null,this.responseError=null,this.cancelled=!1,this.checkRequest(),this.snowboard.globalEvent("ajaxSetup",this)){if(this.element){const t=new Event("ajaxSetup",{cancelable:!0});if(t.request=this,this.element.dispatchEvent(t),t.defaultPrevented)return void(this.cancelled=!0)}this.doClientValidation()?this.confirm?this.doConfirm().then((t=>{t&&this.doAjax().then((t=>{t.cancelled?this.cancelled=!0:(this.responseData=t,this.processUpdate(t).then((()=>{!1===t.X_WINTER_SUCCESS?this.processError(t):this.processResponse(t)})))}),(t=>{this.responseError=t,this.processError(t)})).finally((()=>{if(!0!==this.cancelled&&(this.options.complete&&"function"==typeof this.options.complete&&this.options.complete(this.responseData,this),this.snowboard.globalEvent("ajaxDone",this.responseData,this),this.element)){const t=new Event("ajaxAlways");t.request=this,t.responseData=this.responseData,t.responseError=this.responseError,this.element.dispatchEvent(t)}}))})):this.doAjax().then((t=>{t.cancelled?this.cancelled=!0:(this.responseData=t,this.processUpdate(t).then((()=>{!1===t.X_WINTER_SUCCESS?this.processError(t):this.processResponse(t)})))}),(t=>{this.responseError=t,this.processError(t)})).finally((()=>{if(!0!==this.cancelled&&(this.options.complete&&"function"==typeof this.options.complete&&this.options.complete(this.responseData,this),this.snowboard.globalEvent("ajaxDone",this.responseData,this),this.element)){const t=new Event("ajaxAlways");t.request=this,t.responseData=this.responseData,t.responseError=this.responseError,this.element.dispatchEvent(t)}})):this.cancelled=!0}else this.cancelled=!0}dependencies(){return["cookie","jsonParser"]}checkRequest(){if(void 0!==this.element&&this.element instanceof Element==!1)throw new Error("The element provided must be an Element instance");if(void 0===this.handler)throw new Error("The AJAX handler name is not specified.");if(!this.handler.match(/^(?:\w+:{2})?on*/))throw new Error('Invalid AJAX handler name. The correct handler name format is: "onEvent".')}getFetch(){return this.fetchOptions=void 0!==this.options.fetchOptions&&"object"==typeof this.options.fetchOptions?this.options.fetchOptions:{method:"POST",headers:this.headers,body:this.data,redirect:"follow",mode:"same-origin"},this.snowboard.globalEvent("ajaxFetchOptions",this.fetchOptions,this),fetch(this.url,this.fetchOptions)}doClientValidation(){return!0!==this.options.browserValidate||!this.form||!1!==this.form.checkValidity()||(this.form.reportValidity(),!1)}doAjax(){if(!1===this.snowboard.globalEvent("ajaxBeforeSend",this))return Promise.resolve({cancelled:!0});const t=new Promise(((t,n)=>{this.getFetch().then((r=>{r.ok||406===r.status?r.headers.has("Content-Type")&&r.headers.get("Content-Type").includes("/json")?r.json().then((n=>{t(e(e({},n),{},{X_WINTER_SUCCESS:406!==r.status,X_WINTER_RESPONSE_CODE:r.status}))}),(t=>{n(this.renderError("Unable to parse JSON response: ".concat(t)))})):r.text().then((e=>{t(e)}),(t=>{n(this.renderError("Unable to process response: ".concat(t)))})):r.headers.has("Content-Type")&&r.headers.get("Content-Type").includes("/json")?r.json().then((t=>{n(this.renderError(t.message,t.exception,t.file,t.line,t.trace))}),(t=>{n(this.renderError("Unable to parse JSON response: ".concat(t)))})):r.text().then((t=>{n(this.renderError(t))}),(t=>{n(this.renderError("Unable to process response: ".concat(t)))}))}),(t=>{n(this.renderError("Unable to retrieve a response from the server: ".concat(t)))}))}));if(this.snowboard.globalEvent("ajaxStart",t,this),this.element){const e=new Event("ajaxPromise");e.promise=t,this.element.dispatchEvent(e)}return t}processUpdate(t){return new Promise(((e,n)=>{if("function"==typeof this.options.beforeUpdate&&!1===this.options.beforeUpdate.apply(this,[t]))return void n();const r={};if(Object.entries(t).forEach((t=>{const[e,n]=t;"X_WINTER"!==e.substr(0,8)&&(r[e]=n)})),0===Object.keys(r).length)return void e();this.snowboard.globalPromiseEvent("ajaxBeforeUpdate",t,this).then((()=>{this.doUpdate(r).then((()=>{window.requestAnimationFrame((()=>e()))}),(()=>{n()}))}),(()=>{n()}))}))}doUpdate(t){return new Promise((e=>{const n=[];Object.entries(t).forEach((t=>{const[e,r]=t;let o=this.options.update&&this.options.update[e]?this.options.update[e]:e,i="replace";"@"===o.substr(0,1)?(i="append",o=o.substr(1)):"^"===o.substr(0,1)&&(i="prepend",o=o.substr(1));const s=document.querySelectorAll(o);s.length>0&&s.forEach((t=>{switch(i){case"append":t.innerHTML+=r;break;case"prepend":t.innerHTML=r+t.innerHTML;break;default:t.innerHTML=r}n.push(t),this.snowboard.globalEvent("ajaxUpdate",t,r,this);const e=new Event("ajaxUpdate");e.content=r,t.dispatchEvent(e)}))})),this.snowboard.globalEvent("ajaxUpdateComplete",n,this),e()}))}processResponse(t){if((!this.options.success||"function"!=typeof this.options.success||this.options.success(this.responseData,this))&&!1!==this.snowboard.globalEvent("ajaxSuccess",this.responseData,this)){if(this.element){const t=new Event("ajaxDone",{cancelable:!0});if(t.responseData=this.responseData,t.request=this,this.element.dispatchEvent(t),t.defaultPrevented)return}this.flash&&t.X_WINTER_FLASH_MESSAGES&&this.processFlashMessages(t.X_WINTER_FLASH_MESSAGES),this.redirect||t.X_WINTER_REDIRECT?this.processRedirect(this.redirect||t.X_WINTER_REDIRECT):t.X_WINTER_ASSETS&&this.processAssets(t.X_WINTER_ASSETS)}}processError(t){if((!this.options.error||"function"!=typeof this.options.error||this.options.error(this.responseError,this))&&!1!==this.snowboard.globalEvent("ajaxError",this.responseError,this)){if(this.element){const t=new Event("ajaxFail",{cancelable:!0});if(t.responseError=this.responseError,t.request=this,this.element.dispatchEvent(t),t.defaultPrevented)return}t instanceof Error?this.processErrorMessage(t.message):(t.X_WINTER_ERROR_FIELDS&&this.processValidationErrors(t.X_WINTER_ERROR_FIELDS),t.X_WINTER_ERROR_MESSAGE&&this.processErrorMessage(t.X_WINTER_ERROR_MESSAGE))}}processRedirect(t){"function"==typeof this.options.handleRedirectResponse&&!1===this.options.handleRedirectResponse.apply(this,[t])||!1!==this.snowboard.globalEvent("ajaxRedirect",t,this)&&(window.addEventListener("popstate",(()=>{if(this.element){const t=document.createEvent("CustomEvent");t.eventName="ajaxRedirected",this.element.dispatchEvent(t)}}),{once:!0}),window.location.assign(t))}processErrorMessage(t){"function"==typeof this.options.handleErrorMessage&&!1===this.options.handleErrorMessage.apply(this,[t])||!1!==this.snowboard.globalEvent("ajaxErrorMessage",t,this)&&window.alert(t)}processFlashMessages(t){"function"==typeof this.options.handleFlashMessages&&!1===this.options.handleFlashMessages.apply(this,[t])||this.snowboard.globalEvent("ajaxFlashMessages",t,this)}processValidationErrors(t){"function"==typeof this.options.handleValidationErrors&&!1===this.options.handleValidationErrors.apply(this,[this.form,t])||this.snowboard.globalEvent("ajaxValidationErrors",this.form,t,this)}async doConfirm(){if("function"==typeof this.options.handleConfirmMessage)return!1!==this.options.handleConfirmMessage.apply(this,[this.confirm]);if(0===this.snowboard.listensToEvent("ajaxConfirmMessage").length)return window.confirm(this.confirm);const t=this.snowboard.globalPromiseEvent("ajaxConfirmMessage",this.confirm,this);try{if(await t)return!0}catch(t){return!1}return!1}get form(){return this.options.form?this.options.form:this.element?"FORM"===this.element.tagName?this.element:this.element.closest("form"):null}get context(){return{handler:this.handler,options:this.options}}get headers(){const t={"X-Requested-With":"XMLHttpRequest","X-WINTER-REQUEST-HANDLER":this.handler,"X-WINTER-REQUEST-PARTIALS":this.extractPartials(this.options.update||[])};return this.flash&&(t["X-WINTER-REQUEST-FLASH"]=1),this.xsrfToken&&(t["X-XSRF-TOKEN"]=this.xsrfToken),t}get loading(){return this.options.loading||!1}get url(){return this.options.url||window.location.href}get redirect(){return this.options.redirect&&this.options.redirect.length?this.options.redirect:null}get flash(){return this.options.flash||!1}get files(){return!0===this.options.files&&(void 0!==FormData||(this.snowboard.debug("This browser does not support file uploads"),!1))}get xsrfToken(){return this.snowboard.cookie().get("XSRF-TOKEN")}get data(){const t="object"==typeof this.options.data?this.options.data:{},e=new FormData(this.form||void 0);return Object.keys(t).length>0&&Object.entries(t).forEach((t=>{const[n,r]=t;e.append(n,r)})),e}get confirm(){return this.options.confirm||!1}extractPartials(t){return Object.keys(t).join("&")}renderError(t,e,n,r,o){const i=new Error(t);return i.exception=e||null,i.file=n||null,i.line=r||null,i.trace=o||[],i}}Snowboard.addPlugin("request",o)}()}();
\ No newline at end of file
diff --git a/modules/system/assets/js/snowboard/extras/AttachLoading.js b/modules/system/assets/js/snowboard/extras/AttachLoading.js
new file mode 100644
index 0000000000..6521648ea8
--- /dev/null
+++ b/modules/system/assets/js/snowboard/extras/AttachLoading.js
@@ -0,0 +1,68 @@
+/**
+ * Allows attaching a loading class on elements that an AJAX request is targeting.
+ *
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ */
+export default class AttachLoading extends Snowboard.Singleton {
+    /**
+     * Defines dependenices.
+     *
+     * @returns {string[]}
+     */
+    dependencies() {
+        return ['request'];
+    }
+
+    /**
+     * Defines listeners.
+     *
+     * @returns {Object}
+     */
+    listens() {
+        return {
+            ajaxStart: 'ajaxStart',
+            ajaxDone: 'ajaxDone',
+        };
+    }
+
+    ajaxStart(promise, request) {
+        if (!request.element) {
+            return;
+        }
+
+        if (request.element.tagName === 'FORM') {
+            const loadElements = request.element.querySelectorAll('[data-attach-loading]');
+            if (loadElements.length > 0) {
+                loadElements.forEach((element) => {
+                    element.classList.add(this.getLoadingClass(element));
+                });
+            }
+        } else if (request.element.dataset.attachLoading !== undefined) {
+            request.element.classList.add(this.getLoadingClass(request.element));
+        }
+    }
+
+    ajaxDone(data, request) {
+        if (!request.element) {
+            return;
+        }
+
+        if (request.element.tagName === 'FORM') {
+            const loadElements = request.element.querySelectorAll('[data-attach-loading]');
+            if (loadElements.length > 0) {
+                loadElements.forEach((element) => {
+                    element.classList.remove(this.getLoadingClass(element));
+                });
+            }
+        } else if (request.element.dataset.attachLoading !== undefined) {
+            request.element.classList.remove(this.getLoadingClass(request.element));
+        }
+    }
+
+    getLoadingClass(element) {
+        return (element.dataset.attachLoading !== undefined && element.dataset.attachLoading !== '')
+            ? element.dataset.attachLoading
+            : 'wn-loading';
+    }
+}
diff --git a/modules/system/assets/js/snowboard/extras/Flash.js b/modules/system/assets/js/snowboard/extras/Flash.js
new file mode 100644
index 0000000000..921dc75272
--- /dev/null
+++ b/modules/system/assets/js/snowboard/extras/Flash.js
@@ -0,0 +1,129 @@
+/**
+ * Provides flash messages for the CMS.
+ *
+ * Flash messages will pop up at the top center of the page and will remain for 7 seconds by default. Hovering over
+ * the message will reset and pause the timer. Clicking on the flash message will dismiss it.
+ *
+ * Arguments:
+ *  - "message": The content of the flash message. HTML is accepted.
+ *  - "type": The type of flash message. This is appended as a class to the flash message itself.
+ *  - "duration": How long the flash message will stay visible for, in seconds. Default: 7 seconds.
+ *
+ * Usage:
+ *      Snowboard.flash('This is a flash message', 'info', 8);
+ *
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ */
+export default class Flash extends Snowboard.PluginBase {
+    /**
+     * Constructor.
+     *
+     * @param {Snowboard} snowboard
+     * @param {string} message
+     * @param {string} type
+     * @param {Number} duration
+     */
+    constructor(snowboard, message, type, duration) {
+        super(snowboard);
+
+        this.message = message;
+        this.type = type || 'default';
+        this.duration = duration || 7;
+
+        this.clear();
+        this.timer = null;
+        this.flashTimer = null;
+        this.create();
+    }
+
+    /**
+     * Defines dependencies.
+     *
+     * @returns {string[]}
+     */
+    dependencies() {
+        return ['transition'];
+    }
+
+    /**
+     * Destructor.
+     *
+     * This will ensure the flash message is removed and timeout is cleared if the module is removed.
+     */
+    destructor() {
+        if (this.timer !== null) {
+            window.clearTimeout(this.timer);
+        }
+
+        if (this.flash) {
+            this.flashTimer.remove();
+            this.flash.remove();
+            this.flash = null;
+            this.flashTimer = null;
+        }
+
+        super.destructor();
+    }
+
+    /**
+     * Creates the flash message.
+     */
+    create() {
+        this.flash = document.createElement('DIV');
+        this.flashTimer = document.createElement('DIV');
+        this.flash.innerHTML = this.message;
+        this.flash.classList.add('flash-message', this.type);
+        this.flashTimer.classList.add('flash-timer');
+        this.flash.removeAttribute('data-control');
+        this.flash.addEventListener('click', () => this.remove());
+        this.flash.addEventListener('mouseover', () => this.stopTimer());
+        this.flash.addEventListener('mouseout', () => this.startTimer());
+
+        // Add to body
+        this.flash.appendChild(this.flashTimer);
+        document.body.appendChild(this.flash);
+
+        this.snowboard.transition(this.flash, 'show', () => {
+            this.startTimer();
+        });
+    }
+
+    /**
+     * Removes the flash message.
+     */
+    remove() {
+        this.stopTimer();
+
+        this.snowboard.transition(this.flash, 'hide', () => {
+            this.flash.remove();
+            this.flash = null;
+            this.destructor();
+        });
+    }
+
+    /**
+     * Clears all flash messages available on the page.
+     */
+    clear() {
+        document.querySelectorAll('body > div.flash-message').forEach((element) => element.remove());
+    }
+
+    /**
+     * Starts the timer for this flash message.
+     */
+    startTimer() {
+        this.timerTrans = this.snowboard.transition(this.flashTimer, 'timeout', null, `${this.duration}.0s`, true);
+        this.timer = window.setTimeout(() => this.remove(), this.duration * 1000);
+    }
+
+    /**
+     * Resets the timer for this flash message.
+     */
+    stopTimer() {
+        if (this.timerTrans) {
+            this.timerTrans.cancel();
+        }
+        window.clearTimeout(this.timer);
+    }
+}
diff --git a/modules/system/assets/js/snowboard/extras/FlashListener.js b/modules/system/assets/js/snowboard/extras/FlashListener.js
new file mode 100644
index 0000000000..fff5a5c319
--- /dev/null
+++ b/modules/system/assets/js/snowboard/extras/FlashListener.js
@@ -0,0 +1,68 @@
+/**
+ * Defines a default listener for flash events.
+ *
+ * Connects the Flash plugin to various events that use flash messages.
+ *
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ */
+export default class FlashListener extends Snowboard.Singleton {
+    /**
+     * Defines dependenices.
+     *
+     * @returns {string[]}
+     */
+    dependencies() {
+        return ['flash'];
+    }
+
+    /**
+     * Defines listeners.
+     *
+     * @returns {Object}
+     */
+    listens() {
+        return {
+            ready: 'ready',
+            ajaxErrorMessage: 'ajaxErrorMessage',
+            ajaxFlashMessages: 'ajaxFlashMessages',
+        };
+    }
+
+    /**
+     * Do flash messages for PHP flash responses.
+     */
+    ready() {
+        document.querySelectorAll('[data-control="flash-message"]').forEach((element) => {
+            this.snowboard.flash(
+                element.innerHTML,
+                element.dataset.flashType,
+                element.dataset.flashDuration,
+            );
+        });
+    }
+
+    /**
+     * Shows a flash message for AJAX errors.
+     *
+     * @param {string} message
+     * @returns {Boolean}
+     */
+    ajaxErrorMessage(message) {
+        this.snowboard.flash(message, 'error');
+        return false;
+    }
+
+    /**
+     * Shows flash messages returned directly from AJAX functionality.
+     *
+     * @param {Object} messages
+     */
+    ajaxFlashMessages(messages) {
+        Object.entries(messages).forEach((entry) => {
+            const [cssClass, message] = entry;
+            this.snowboard.flash(message, cssClass);
+        });
+        return false;
+    }
+}
diff --git a/modules/system/assets/js/snowboard/extras/StripeLoader.js b/modules/system/assets/js/snowboard/extras/StripeLoader.js
new file mode 100644
index 0000000000..f6264ee23d
--- /dev/null
+++ b/modules/system/assets/js/snowboard/extras/StripeLoader.js
@@ -0,0 +1,88 @@
+/**
+ * Displays a stripe at the top of the page that indicates loading.
+ *
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ */
+export default class StripeLoader extends Snowboard.Singleton {
+    /**
+     * Defines dependenices.
+     *
+     * @returns {string[]}
+     */
+    dependencies() {
+        return ['request'];
+    }
+
+    /**
+     * Defines listeners.
+     *
+     * @returns {Object}
+     */
+    listens() {
+        return {
+            ready: 'ready',
+            ajaxStart: 'ajaxStart',
+        };
+    }
+
+    ready() {
+        this.counter = 0;
+
+        this.createStripe();
+    }
+
+    ajaxStart(promise) {
+        this.show();
+
+        promise.catch(() => {
+            this.hide();
+        }).finally(() => {
+            this.hide();
+        });
+    }
+
+    createStripe() {
+        this.indicator = document.createElement('DIV');
+        this.stripe = document.createElement('DIV');
+        this.stripeLoaded = document.createElement('DIV');
+
+        this.indicator.classList.add('stripe-loading-indicator', 'loaded');
+        this.stripe.classList.add('stripe');
+        this.stripeLoaded.classList.add('stripe-loaded');
+
+        this.indicator.appendChild(this.stripe);
+        this.indicator.appendChild(this.stripeLoaded);
+
+        document.body.appendChild(this.indicator);
+    }
+
+    show() {
+        this.counter += 1;
+
+        const newStripe = this.stripe.cloneNode(true);
+        this.indicator.appendChild(newStripe);
+        this.stripe.remove();
+        this.stripe = newStripe;
+
+        if (this.counter > 1) {
+            return;
+        }
+
+        this.indicator.classList.remove('loaded');
+        document.body.classList.add('wn-loading');
+    }
+
+    hide(force) {
+        this.counter -= 1;
+
+        if (force === true) {
+            this.counter = 0;
+        }
+
+        if (this.counter <= 0) {
+            this.indicator.classList.add('loaded');
+            document.body.classList.remove('wn-loading');
+        }
+    }
+}
diff --git a/modules/system/assets/js/snowboard/extras/StylesheetLoader.js b/modules/system/assets/js/snowboard/extras/StylesheetLoader.js
new file mode 100644
index 0000000000..4b958305f9
--- /dev/null
+++ b/modules/system/assets/js/snowboard/extras/StylesheetLoader.js
@@ -0,0 +1,36 @@
+/**
+ * Embeds the "extras" stylesheet into the page, if it is not loaded through the theme.
+ *
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ */
+export default class StylesheetLoader extends Snowboard.Singleton {
+    /**
+     * Defines listeners.
+     *
+     * @returns {Object}
+     */
+    listens() {
+        return {
+            ready: 'ready',
+        };
+    }
+
+    ready() {
+        let stylesLoaded = false;
+
+        // Determine if stylesheet is already loaded
+        document.querySelectorAll('link[rel="stylesheet"]').forEach((css) => {
+            if (css.href.endsWith('/modules/system/assets/css/snowboard.extras.css')) {
+                stylesLoaded = true;
+            }
+        });
+
+        if (!stylesLoaded) {
+            const stylesheet = document.createElement('link');
+            stylesheet.setAttribute('rel', 'stylesheet');
+            stylesheet.setAttribute('href', '/modules/system/assets/css/snowboard.extras.css');
+            document.head.appendChild(stylesheet);
+        }
+    }
+}
diff --git a/modules/system/assets/js/snowboard/extras/Transition.js b/modules/system/assets/js/snowboard/extras/Transition.js
new file mode 100644
index 0000000000..838140bf46
--- /dev/null
+++ b/modules/system/assets/js/snowboard/extras/Transition.js
@@ -0,0 +1,206 @@
+/**
+ * Provides transition support for elements.
+ *
+ * Transition allows CSS transitions to be controlled and callbacks to be run once completed. It works similar to Vue
+ * transitions with 3 stages of transition, and classes assigned to the element with the transition name suffixed with
+ * the stage of transition:
+ *
+ *  - `in`: A class assigned to the element for the first frame of the transition, removed afterwards. This should be
+ *      used to define the initial state of the transition.
+ *  - `active`: A class assigned to the element for the duration of the transition. This should be used to define the
+ *      transition itself.
+ *  - `out`: A class assigned to the element after the first frame of the transition and kept to the end of the
+ *      transition. This should define the end state of the transition.
+ *
+ * Usage:
+ *      Snowboard.transition(document.element, 'transition', () => {
+ *          console.log('Remove element after 7 seconds');
+ *          this.remove();
+ *      }, '7s');
+ *
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ */
+export default class Transition extends Snowboard.PluginBase {
+    /**
+     * Constructor.
+     *
+     * @param {Snowboard} snowboard
+     * @param {HTMLElement} element The element to transition
+     * @param {string} transition The name of the transition, this prefixes the stages of transition.
+     * @param {Function} callback An optional callback to call when the transition ends.
+     * @param {Number} duration An optional override on the transition duration. Must be specified as 's' (secs) or 'ms' (msecs).
+     * @param {Boolean} trailTo If true, the "out" class will remain after the end of the transition.
+     */
+    constructor(snowboard, element, transition, callback, duration, trailTo) {
+        super(snowboard);
+
+        if (element instanceof HTMLElement === false) {
+            throw new Error('A HTMLElement must be provided for transitioning');
+        }
+        this.element = element;
+
+        if (typeof transition !== 'string') {
+            throw new Error('Transition name must be specified as a string');
+        }
+        this.transition = transition;
+
+        if (callback && typeof callback !== 'function') {
+            throw new Error('Callback must be a valid function');
+        }
+        this.callback = callback;
+
+        if (duration) {
+            this.duration = this.parseDuration(duration);
+        } else {
+            this.duration = null;
+        }
+
+        this.trailTo = (trailTo === true);
+
+        this.doTransition();
+    }
+
+    /**
+     * Maps event classes to the given transition state.
+     *
+     * @param  {...any} args
+     * @returns {Array}
+     */
+    eventClasses(...args) {
+        const eventClasses = {
+            in: `${this.transition}-in`,
+            active: `${this.transition}-active`,
+            out: `${this.transition}-out`,
+        };
+
+        if (args.length === 0) {
+            return Object.values(eventClasses);
+        }
+
+        const returnClasses = [];
+        Object.entries(eventClasses).forEach((entry) => {
+            const [key, value] = entry;
+
+            if (args.indexOf(key) !== -1) {
+                returnClasses.push(value);
+            }
+        });
+
+        return returnClasses;
+    }
+
+    /**
+     * Executes the transition.
+     *
+     * @returns {void}
+     */
+    doTransition() {
+        // Add duration override
+        if (this.duration !== null) {
+            this.element.style.transitionDuration = this.duration;
+        }
+
+        this.resetClasses();
+
+        // Start transition - show "in" and "active" classes
+        this.eventClasses('in', 'active').forEach((eventClass) => {
+            this.element.classList.add(eventClass);
+        });
+
+        window.requestAnimationFrame(() => {
+            // Ensure a transition exists
+            if (window.getComputedStyle(this.element)['transition-duration'] !== '0s') {
+                // Listen for the transition to end
+                this.element.addEventListener('transitionend', () => this.onTransitionEnd(), {
+                    once: true,
+                });
+                window.requestAnimationFrame(() => {
+                    this.element.classList.remove(this.eventClasses('in')[0]);
+                    this.element.classList.add(this.eventClasses('out')[0]);
+                });
+            } else {
+                this.resetClasses();
+
+                if (this.callback) {
+                    this.callback.apply(this.element);
+                }
+
+                this.destructor();
+            }
+        });
+    }
+
+    /**
+     * Callback function when the transition ends.
+     *
+     * When a transition ends, the instance of the transition is automatically destructed.
+     *
+     * @returns {void}
+     */
+    onTransitionEnd() {
+        this.eventClasses('active', (!this.trailTo) ? 'out' : '').forEach((eventClass) => {
+            this.element.classList.remove(eventClass);
+        });
+
+        if (this.callback) {
+            this.callback.apply(this.element);
+        }
+
+        // Remove duration override
+        if (this.duration !== null) {
+            this.element.style.transitionDuration = null;
+        }
+
+        this.destructor();
+    }
+
+    /**
+     * Cancels a transition.
+     *
+     * @returns {void}
+     */
+    cancel() {
+        this.element.removeEventListener('transitionend', () => this.onTransitionEnd, {
+            once: true,
+        });
+
+        this.resetClasses();
+
+        // Remove duration override
+        if (this.duration !== null) {
+            this.element.style.transitionDuration = null;
+        }
+
+        this.destructor();
+    }
+
+    /**
+     * Resets the classes, removing any transition classes.
+     *
+     * @returns {void}
+     */
+    resetClasses() {
+        this.eventClasses().forEach((eventClass) => {
+            this.element.classList.remove(eventClass);
+        });
+    }
+
+    /**
+     * Parses a given duration and converts it to a "ms" value.
+     *
+     * @param {String} duration
+     * @returns {String}
+     */
+    parseDuration(duration) {
+        const parsed = /^([0-9]+(\.[0-9]+)?)(m?s)?$/.exec(duration);
+        const amount = Number(parsed[1]);
+        const unit = (parsed[3] === 's')
+            ? 'sec'
+            : 'msec';
+
+        return (unit === 'sec')
+            ? `${amount * 1000}ms`
+            : `${Math.floor(amount)}ms`;
+    }
+}
diff --git a/modules/system/assets/js/snowboard/main/PluginLoader.js b/modules/system/assets/js/snowboard/main/PluginLoader.js
new file mode 100644
index 0000000000..27e6ad59fb
--- /dev/null
+++ b/modules/system/assets/js/snowboard/main/PluginLoader.js
@@ -0,0 +1,258 @@
+import PluginBase from '../abstracts/PluginBase';
+import Singleton from '../abstracts/Singleton';
+
+/**
+ * Plugin loader class.
+ *
+ * This is a provider (factory) class for a single plugin and provides the link between Snowboard framework functionality
+ * and the underlying plugin instances. It also provides some basic mocking of plugin methods for testing.
+ *
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ */
+export default class PluginLoader {
+    /**
+     * Constructor.
+     *
+     * Binds the Winter framework to the instance.
+     *
+     * @param {string} name
+     * @param {Snowboard} snowboard
+     * @param {PluginBase} instance
+     */
+    constructor(name, snowboard, instance) {
+        this.name = name;
+        this.snowboard = snowboard;
+        this.instance = instance;
+        this.instances = [];
+        this.singleton = instance.prototype instanceof Singleton;
+        this.mocks = {};
+        this.originalFunctions = {};
+    }
+
+    /**
+     * Determines if the current plugin has a specific method available.
+     *
+     * Returns false if the current plugin is a callback function.
+     *
+     * @param {string} methodName
+     * @returns {boolean}
+     */
+    hasMethod(methodName) {
+        if (this.isFunction()) {
+            return false;
+        }
+
+        return (typeof this.instance.prototype[methodName] === 'function');
+    }
+
+    /**
+     * Calls a prototype method for a plugin. This should generally be used for "static" calls.
+     *
+     * @param {string} methodName
+     * @param {...} args
+     * @returns {any}
+     */
+    callMethod(...parameters) {
+        if (this.isFunction()) {
+            return null;
+        }
+
+        const args = parameters;
+        const methodName = args.shift();
+
+        return this.instance.prototype[methodName](args);
+    }
+
+    /**
+     * Returns an instance of the current plugin.
+     *
+     * - If this is a callback function plugin, the function will be returned.
+     * - If this is a singleton, the single instance of the plugin will be returned.
+     *
+     * @returns {PluginBase|Function}
+     */
+    getInstance(...parameters) {
+        if (this.isFunction()) {
+            return this.instance(...parameters);
+        }
+        if (!this.dependenciesFulfilled()) {
+            const unmet = this.getDependencies().filter((item) => !this.snowboard.getPluginNames().includes(item));
+            throw new Error(`The "${this.name}" plugin requires the following plugins: ${unmet.join(', ')}`);
+        }
+        if (this.isSingleton()) {
+            if (this.instances.length === 0) {
+                this.initialiseSingleton();
+            }
+
+            // Apply mocked methods
+            if (Object.keys(this.mocks).length > 0) {
+                Object.entries(this.originalFunctions).forEach((entry) => {
+                    const [methodName, callback] = entry;
+                    this.instances[0][methodName] = callback;
+                });
+                Object.entries(this.mocks).forEach((entry) => {
+                    const [methodName, callback] = entry;
+                    this.instances[0][methodName] = (...params) => callback(this, ...params);
+                });
+            }
+
+            return this.instances[0];
+        }
+
+        // Apply mocked methods to prototype
+        if (Object.keys(this.mocks).length > 0) {
+            Object.entries(this.originalFunctions).forEach((entry) => {
+                const [methodName, callback] = entry;
+                this.instance.prototype[methodName] = callback;
+            });
+            Object.entries(this.mocks).forEach((entry) => {
+                const [methodName, callback] = entry;
+                this.instance.prototype[methodName] = (...params) => callback(this, ...params);
+            });
+        }
+
+        const newInstance = new this.instance(this.snowboard, ...parameters);
+        newInstance.detach = () => this.instances.splice(this.instances.indexOf(newInstance), 1);
+
+        this.instances.push(newInstance);
+        return newInstance;
+    }
+
+    /**
+     * Gets all instances of the current plugin.
+     *
+     * If this plugin is a callback function plugin, an empty array will be returned.
+     *
+     * @returns {PluginBase[]}
+     */
+    getInstances() {
+        if (this.isFunction()) {
+            return [];
+        }
+
+        return this.instances;
+    }
+
+    /**
+     * Determines if the current plugin is a simple callback function.
+     *
+     * @returns {boolean}
+     */
+    isFunction() {
+        return (typeof this.instance === 'function' && this.instance.prototype instanceof PluginBase === false);
+    }
+
+    /**
+     * Determines if the current plugin is a singleton.
+     *
+     * @returns {boolean}
+     */
+    isSingleton() {
+        return this.instance.prototype instanceof Singleton === true;
+    }
+
+    /**
+     * Initialises the singleton instance.
+     *
+     * @returns {void}
+     */
+    initialiseSingleton() {
+        if (!this.isSingleton()) {
+            return;
+        }
+
+        const newInstance = new this.instance(this.snowboard);
+        newInstance.detach = () => this.instances.splice(this.instances.indexOf(newInstance), 1);
+        this.instances.push(newInstance);
+    }
+
+    /**
+     * Gets the dependencies of the current plugin.
+     *
+     * @returns {string[]}
+     */
+    getDependencies() {
+        // Callback functions cannot have dependencies.
+        if (this.isFunction()) {
+            return [];
+        }
+
+        // No dependency method specified.
+        if (typeof this.instance.prototype.dependencies !== 'function') {
+            return [];
+        }
+
+        return this.instance.prototype.dependencies().map((item) => item.toLowerCase());
+    }
+
+    /**
+     * Determines if the current plugin has all its dependencies fulfilled.
+     *
+     * @returns {boolean}
+     */
+    dependenciesFulfilled() {
+        const dependencies = this.getDependencies();
+
+        let fulfilled = true;
+        dependencies.forEach((plugin) => {
+            if (!this.snowboard.hasPlugin(plugin)) {
+                fulfilled = false;
+            }
+        });
+
+        return fulfilled;
+    }
+
+    /**
+     * Allows a method of an instance to be mocked for testing.
+     *
+     * This mock will be applied for the life of an instance. For singletons, the mock will be applied for the life
+     * of the page.
+     *
+     * Mocks cannot be applied to callback function plugins.
+     *
+     * @param {string} methodName
+     * @param {Function} callback
+     */
+    mock(methodName, callback) {
+        if (this.isFunction()) {
+            return;
+        }
+
+        if (!this.instance.prototype[methodName]) {
+            throw new Error(`Function "${methodName}" does not exist and cannot be mocked`);
+        }
+
+        this.mocks[methodName] = callback;
+        this.originalFunctions[methodName] = this.instance.prototype[methodName];
+
+        if (this.isSingleton() && this.instances.length === 0) {
+            this.initialiseSingleton();
+
+            // Apply mocked method
+            this.instances[0][methodName] = (...parameters) => callback(this, ...parameters);
+        }
+    }
+
+    /**
+     * Removes a mock callback from future instances.
+     *
+     * @param {string} methodName
+     */
+    unmock(methodName) {
+        if (this.isFunction()) {
+            return;
+        }
+        if (!this.mocks[methodName]) {
+            return;
+        }
+
+        if (this.isSingleton()) {
+            this.instances[0][methodName] = this.originalFunctions[methodName];
+        }
+
+        delete this.mocks[methodName];
+        delete this.originalFunctions[methodName];
+    }
+}
diff --git a/modules/system/assets/js/snowboard/main/Snowboard.js b/modules/system/assets/js/snowboard/main/Snowboard.js
new file mode 100644
index 0000000000..e1df422c24
--- /dev/null
+++ b/modules/system/assets/js/snowboard/main/Snowboard.js
@@ -0,0 +1,340 @@
+import PluginBase from '../abstracts/PluginBase';
+import Singleton from '../abstracts/Singleton';
+import PluginLoader from './PluginLoader';
+
+import Cookie from '../utilities/Cookie';
+import JsonParser from '../utilities/JsonParser';
+import Sanitizer from '../utilities/Sanitizer';
+
+/**
+ * Snowboard - the Winter JavaScript framework.
+ *
+ * This class represents the base of a modern take on the Winter JS framework, being fully extensible and taking advantage
+ * of modern JavaScript features by leveraging the Laravel Mix compilation framework. It also is coded up to remove the
+ * dependency of jQuery.
+ *
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ * @link https://wintercms.com/docs/snowboard/introduction
+ */
+export default class Snowboard {
+    /**
+     * Constructor.
+     *
+     * @param {boolean} autoSingletons Automatically load singletons when DOM is ready. Default: `true`.
+     * @param {boolean} debug Whether debugging logs should be shown. Default: `false`.
+     */
+    constructor(autoSingletons, debug) {
+        this.debugEnabled = (typeof debug === 'boolean' && debug === true);
+        this.autoInitSingletons = (typeof autoSingletons === 'boolean' && autoSingletons === false);
+        this.plugins = {};
+
+        this.attachAbstracts();
+        this.loadUtilities();
+        this.initialise();
+
+        this.debug('Snowboard framework initialised');
+    }
+
+    attachAbstracts() {
+        this.PluginBase = PluginBase;
+        this.Singleton = Singleton;
+    }
+
+    loadUtilities() {
+        this.addPlugin('cookie', Cookie);
+        this.addPlugin('jsonParser', JsonParser);
+        this.addPlugin('sanitizer', Sanitizer);
+    }
+
+    /**
+     * Initialises the framework.
+     *
+     * Attaches a listener for the DOM being ready and triggers a global "ready" event for plugins to begin attaching
+     * themselves to the DOM.
+     */
+    initialise() {
+        window.addEventListener('DOMContentLoaded', () => {
+            if (this.autoInitSingletons) {
+                this.initialiseSingletons();
+            }
+            this.globalEvent('ready');
+        });
+    }
+
+    /**
+     * Initialises an instance of every singleton.
+     */
+    initialiseSingletons() {
+        Object.values(this.plugins).forEach((plugin) => {
+            if (plugin.isSingleton()) {
+                plugin.initialiseSingleton();
+            }
+        });
+    }
+
+    /**
+     * Adds a plugin to the framework.
+     *
+     * Plugins are the cornerstone for additional functionality for Snowboard. A plugin must either be an ES2015 class
+     * that extends the PluginBase or Singleton abstract classes, or a simple callback function.
+     *
+     * When a plugin is added, it is automatically assigned as a new magic method in the Snowboard class using the name
+     * parameter, and can be called via this method. This method will always be the "lowercase" version of this name.
+     *
+     * For example, if a plugin is assigned to the name "myPlugin", it can be called via `Snowboard.myplugin()`.
+     *
+     * @param {string} name
+     * @param {PluginBase|Function} instance
+     */
+    addPlugin(name, instance) {
+        const lowerName = name.toLowerCase();
+
+        if (this.hasPlugin(lowerName)) {
+            throw new Error(`A plugin called "${name}" is already registered.`);
+        }
+
+        if (typeof instance !== 'function' && instance instanceof PluginBase === false) {
+            throw new Error('The provided plugin must extend the PluginBase class, or must be a callback function.');
+        }
+
+        if (this[name] !== undefined || this[lowerName] !== undefined) {
+            throw new Error('The given name is already in use for a property or method of the Snowboard class.');
+        }
+
+        this.plugins[lowerName] = new PluginLoader(lowerName, this, instance);
+        const callback = (...parameters) => this.plugins[lowerName].getInstance(...parameters);
+        this[name] = callback;
+        this[lowerName] = callback;
+
+        this.debug(`Plugin "${name}" registered`);
+    }
+
+    /**
+     * Removes a plugin.
+     *
+     * Removes a plugin from Snowboard, calling the destructor method for all active instances of the plugin.
+     *
+     * @param {string} name
+     * @returns {void}
+     */
+    removePlugin(name) {
+        const lowerName = name.toLowerCase();
+
+        if (!this.hasPlugin(lowerName)) {
+            this.debug(`Plugin "${name}" already removed`);
+            return;
+        }
+
+        // Call destructors for all instances
+        this.plugins[lowerName].getInstances().forEach((instance) => {
+            instance.destructor();
+        });
+
+        delete this.plugins[lowerName];
+        delete this[lowerName];
+
+        this.debug(`Plugin "${name}" removed`);
+    }
+
+    /**
+     * Determines if a plugin has been registered and is active.
+     *
+     * A plugin that is still waiting for dependencies to be registered will not be active.
+     *
+     * @param {string} name
+     * @returns {boolean}
+     */
+    hasPlugin(name) {
+        const lowerName = name.toLowerCase();
+
+        return (this.plugins[lowerName] !== undefined);
+    }
+
+    /**
+     * Returns an array of registered plugins as PluginLoader objects.
+     *
+     * @returns {PluginLoader[]}
+     */
+    getPlugins() {
+        return this.plugins;
+    }
+
+    /**
+     * Returns an array of registered plugins, by name.
+     *
+     * @returns {string[]}
+     */
+    getPluginNames() {
+        return Object.keys(this.plugins);
+    }
+
+    /**
+     * Returns a PluginLoader object of a given plugin.
+     *
+     * @returns {PluginLoader}
+     */
+    getPlugin(name) {
+        if (!this.hasPlugin(name)) {
+            throw new Error(`No plugin called "${name}" has been registered.`);
+        }
+
+        return this.plugins[name];
+    }
+
+    /**
+     * Finds all plugins that listen to the given event.
+     *
+     * This works for both normal and promise events. It does NOT check that the plugin's listener actually exists.
+     *
+     * @param {string} eventName
+     * @returns {string[]} The name of the plugins that are listening to this event.
+     */
+    listensToEvent(eventName) {
+        const plugins = [];
+
+        Object.entries(this.plugins).forEach((entry) => {
+            const [name, plugin] = entry;
+
+            if (plugin.isFunction()) {
+                return;
+            }
+
+            if (!plugin.hasMethod('listens')) {
+                return;
+            }
+
+            const listeners = plugin.callMethod('listens');
+
+            if (typeof listeners[eventName] === 'string') {
+                plugins.push(name);
+            }
+        });
+
+        return plugins;
+    }
+
+    /**
+     * Calls a global event to all registered plugins.
+     *
+     * If any plugin returns a `false`, the event is considered cancelled.
+     *
+     * @param {string} eventName
+     * @returns {boolean} If event was not cancelled
+     */
+    globalEvent(eventName, ...parameters) {
+        this.debug(`Calling global event "${eventName}"`);
+
+        // Find out which plugins listen to this event - if none listen to it, return true.
+        const listeners = this.listensToEvent(eventName);
+        if (listeners.length === 0) {
+            this.debug(`No listeners found for global event "${eventName}"`);
+            return true;
+        }
+        this.debug(`Listeners found for global event "${eventName}": ${listeners.join(', ')}`);
+
+        let cancelled = false;
+
+        listeners.forEach((name) => {
+            const plugin = this.getPlugin(name);
+
+            if (plugin.isFunction()) {
+                return;
+            }
+            if (plugin.isSingleton() && plugin.getInstances().length === 0) {
+                plugin.initialiseSingleton();
+            }
+
+            const listenMethod = plugin.callMethod('listens')[eventName];
+
+            // Call event handler methods for all plugins, if they have a method specified for the event.
+            plugin.getInstances().forEach((instance) => {
+                // If a plugin has cancelled the event, no further plugins are considered.
+                if (cancelled) {
+                    return;
+                }
+
+                if (!instance[listenMethod]) {
+                    throw new Error(`Missing "${listenMethod}" method in "${name}" plugin`);
+                }
+
+                if (instance[listenMethod](...parameters) === false) {
+                    cancelled = true;
+                    this.debug(`Global event "${eventName}" cancelled by "${name}" plugin`);
+                }
+            });
+        });
+
+        return !cancelled;
+    }
+
+    /**
+     * Calls a global event to all registered plugins, expecting a Promise to be returned by all.
+     *
+     * This collates all plugins responses into one large Promise that either expects all to be resolved, or one to reject.
+     * If no listeners are found, a resolved Promise is returned.
+     *
+     * @param {string} eventName
+     */
+    globalPromiseEvent(eventName, ...parameters) {
+        this.debug(`Calling global promise event "${eventName}"`);
+
+        // Find out which plugins listen to this event - if none listen to it, return a resolved promise.
+        const listeners = this.listensToEvent(eventName);
+        if (listeners.length === 0) {
+            this.debug(`No listeners found for global promise event "${eventName}"`);
+            return Promise.resolve();
+        }
+        this.debug(`Listeners found for global promise event "${eventName}": ${listeners.join(', ')}`);
+
+        const promises = [];
+
+        listeners.forEach((name) => {
+            const plugin = this.getPlugin(name);
+
+            if (plugin.isFunction()) {
+                return;
+            }
+            if (plugin.isSingleton() && plugin.getInstances().length === 0) {
+                plugin.initialiseSingleton();
+            }
+
+            const listenMethod = plugin.callMethod('listens')[eventName];
+
+            // Call event handler methods for all plugins, if they have a method specified for the event.
+            plugin.getInstances().forEach((instance) => {
+                const instancePromise = instance[listenMethod](...parameters);
+                if (instancePromise instanceof Promise === false) {
+                    return;
+                }
+
+                promises.push(instancePromise);
+            });
+        });
+
+        if (promises.length === 0) {
+            return Promise.resolve();
+        }
+
+        return Promise.all(promises);
+    }
+
+    /**
+     * Log a debug message.
+     *
+     * These messages are only shown when debugging is enabled.
+     *
+     * @returns {void}
+     */
+    debug(...parameters) {
+        if (!this.debugEnabled) {
+            return;
+        }
+
+        /* eslint-disable */
+        console.groupCollapsed('%c[Snowboard]', 'color: rgb(45, 167, 199); font-weight: normal;', ...parameters);
+        console.trace();
+        console.groupEnd();
+        /* eslint-enable */
+    }
+}
diff --git a/modules/system/assets/js/snowboard/package.json b/modules/system/assets/js/snowboard/package.json
new file mode 100644
index 0000000000..ff766d7ff3
--- /dev/null
+++ b/modules/system/assets/js/snowboard/package.json
@@ -0,0 +1,38 @@
+{
+    "name": "@wintercms/snowboard",
+    "version": "1.0.0",
+    "description": "The next evolution for the Winter JavaScript framework.",
+    "main": "snowboard.base.js",
+    "private": true,
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/wintercms/winter.git"
+    },
+    "author": {
+        "name": "Ben Thomson",
+        "email": "git@alfreido.com",
+        "url": "https://wintercms.com"
+    },
+    "contributors": [
+        {
+            "name": "Winter CMS Maintainers",
+            "url": "https://wintercms.com"
+        }
+    ],
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/wintercms/winter/issues"
+    },
+    "homepage": "https://wintercms.com/docs/snowboard/introduction",
+    "dependencies": {
+        "laravel-mix": "^6.0.34",
+        "laravel-mix-polyfill": "^3.0.1",
+        "js-cookie": "^3.0.1"
+    },
+    "devDependencies": {
+        "babel-plugin-module-resolver": "^4.1.0",
+        "eslint": "^8.6.0",
+        "eslint-plugin-import": "^2.25.4",
+        "eslint-config-airbnb-base": "^15.0.0"
+    }
+}
diff --git a/modules/system/assets/js/snowboard/snowboard.base.debug.js b/modules/system/assets/js/snowboard/snowboard.base.debug.js
new file mode 100644
index 0000000000..caf16b33b3
--- /dev/null
+++ b/modules/system/assets/js/snowboard/snowboard.base.debug.js
@@ -0,0 +1,10 @@
+import Snowboard from './main/Snowboard';
+
+((window) => {
+    const snowboard = new Snowboard(true, true);
+
+    // Cover all aliases
+    window.snowboard = snowboard;
+    window.Snowboard = snowboard;
+    window.SnowBoard = snowboard;
+})(window);
diff --git a/modules/system/assets/js/snowboard/snowboard.base.js b/modules/system/assets/js/snowboard/snowboard.base.js
new file mode 100644
index 0000000000..8fb0607edc
--- /dev/null
+++ b/modules/system/assets/js/snowboard/snowboard.base.js
@@ -0,0 +1,10 @@
+import Snowboard from './main/Snowboard';
+
+((window) => {
+    const snowboard = new Snowboard();
+
+    // Cover all aliases
+    window.snowboard = snowboard;
+    window.Snowboard = snowboard;
+    window.SnowBoard = snowboard;
+})(window);
diff --git a/modules/system/assets/js/snowboard/snowboard.extras.js b/modules/system/assets/js/snowboard/snowboard.extras.js
new file mode 100644
index 0000000000..e11987804d
--- /dev/null
+++ b/modules/system/assets/js/snowboard/snowboard.extras.js
@@ -0,0 +1,15 @@
+import Flash from './extras/Flash';
+import FlashListener from './extras/FlashListener';
+import Transition from './extras/Transition';
+import AttachLoading from './extras/AttachLoading';
+import StripeLoader from './extras/StripeLoader';
+import StylesheetLoader from './extras/StylesheetLoader';
+
+((Snowboard) => {
+    Snowboard.addPlugin('extrasStyles', StylesheetLoader);
+    Snowboard.addPlugin('transition', Transition);
+    Snowboard.addPlugin('flash', Flash);
+    Snowboard.addPlugin('flashListener', FlashListener);
+    Snowboard.addPlugin('attachLoading', AttachLoading);
+    Snowboard.addPlugin('stripeLoader', StripeLoader);
+})(window.Snowboard);
diff --git a/modules/system/assets/js/snowboard/utilities/Cookie.js b/modules/system/assets/js/snowboard/utilities/Cookie.js
new file mode 100644
index 0000000000..6784d89eef
--- /dev/null
+++ b/modules/system/assets/js/snowboard/utilities/Cookie.js
@@ -0,0 +1,136 @@
+import BaseCookie from 'js-cookie';
+import Singleton from '../abstracts/Singleton';
+
+/**
+ * Cookie utility.
+ *
+ * This utility is a thin wrapper around the "js-cookie" library.
+ *
+ * @see https://github.com/js-cookie/js-cookie
+ * @copyright 2021 Winter.
+ * @author Ben Thomson <git@alfreido.com>
+ */
+export default class Cookie extends Singleton {
+    constructor(snowboard) {
+        super(snowboard);
+
+        this.defaults = {
+            expires: null,
+            path: '/',
+            domain: null,
+            secure: false,
+            sameSite: 'Lax',
+        };
+    }
+
+    /**
+     * Set the default cookie parameters for all subsequent "set" and "remove" calls.
+     *
+     * @param {Object} options
+     */
+    setDefaults(options) {
+        if (typeof options !== 'object') {
+            throw new Error('Cookie defaults must be provided as an object');
+        }
+
+        Object.entries(options).forEach((entry) => {
+            const [key, value] = entry;
+
+            if (this.defaults[key] !== undefined) {
+                this.defaults[key] = value;
+            }
+        });
+    }
+
+    /**
+     * Get the current default cookie parameters.
+     *
+     * @returns {Object}
+     */
+    getDefaults() {
+        const defaults = {};
+
+        Object.entries(this.defaults).forEach((entry) => {
+            const [key, value] = entry;
+
+            if (this.defaults[key] !== null) {
+                defaults[key] = value;
+            }
+        });
+
+        return defaults;
+    }
+
+    /**
+     * Get a cookie by name.
+     *
+     * If `name` is undefined, returns all cookies as an Object.
+     *
+     * @param {String} name
+     * @returns {Object|String}
+     */
+    get(name) {
+        if (name === undefined) {
+            const cookies = BaseCookie.get();
+
+            Object.entries(cookies).forEach((entry) => {
+                const [cookieName, cookieValue] = entry;
+
+                this.snowboard.globalEvent('cookie.get', cookieName, cookieValue, (newValue) => {
+                    cookies[cookieName] = newValue;
+                });
+            });
+
+            return cookies;
+        }
+
+        let value = BaseCookie.get(name);
+
+        // Allow plugins to override the gotten value
+        this.snowboard.globalEvent('cookie.get', name, value, (newValue) => {
+            value = newValue;
+        });
+
+        return value;
+    }
+
+    /**
+     * Set a cookie by name.
+     *
+     * You can specify additional cookie parameters through the "options" parameter.
+     *
+     * @param {String} name
+     * @param {String} value
+     * @param {Object} options
+     * @returns {String}
+     */
+    set(name, value, options) {
+        let saveValue = value;
+
+        // Allow plugins to override the value to save
+        this.snowboard.globalEvent('cookie.set', name, value, (newValue) => {
+            saveValue = newValue;
+        });
+
+        return BaseCookie.set(name, saveValue, {
+            ...this.getDefaults(),
+            ...options,
+        });
+    }
+
+    /**
+     * Remove a cookie by name.
+     *
+     * You can specify the additional cookie parameters via the "options" parameter.
+     *
+     * @param {String} name
+     * @param {Object} options
+     * @returns {void}
+     */
+    remove(name, options) {
+        BaseCookie.remove(name, {
+            ...this.getDefaults(),
+            ...options,
+        });
+    }
+}
diff --git a/modules/system/assets/js/snowboard/utilities/JsonParser.js b/modules/system/assets/js/snowboard/utilities/JsonParser.js
new file mode 100644
index 0000000000..685afca475
--- /dev/null
+++ b/modules/system/assets/js/snowboard/utilities/JsonParser.js
@@ -0,0 +1,397 @@
+import Singleton from '../abstracts/Singleton';
+
+/**
+ * JSON Parser utility.
+ *
+ * This utility parses JSON-like data that does not strictly meet the JSON specifications in order to simplify development.
+ * It is a safe replacement for JSON.parse(JSON.stringify(eval("({" + value + "})"))) that does not require the use of eval()
+ *
+ * @author Ayumi Hamasaki
+ * @author Ben Thomson <git@alfreido.com>
+ * @see https://github.com/octobercms/october/pull/4527
+ */
+export default class JsonParser extends Singleton {
+    constructor(snowboard) {
+        super(snowboard);
+
+        // Add to global function for backwards compatibility
+        window.wnJSON = (json) => this.parse(json);
+        window.ocJSON = window.wnJSON;
+    }
+
+    parse(str) {
+        const jsonString = this.parseString(str);
+        return JSON.parse(jsonString);
+    }
+
+    parseString(value) {
+        let str = value.trim();
+
+        if (!str.length) {
+            throw new Error('Broken JSON object.');
+        }
+
+        let result = '';
+        let type = null;
+        let key = null;
+        let body = '';
+
+        /*
+        * the mistake ','
+        */
+        while (str && str[0] === ',') {
+            str = str.substr(1);
+        }
+
+        /*
+        * string
+        */
+        if (str[0] === '"' || str[0] === '\'') {
+            if (str[str.length - 1] !== str[0]) {
+                throw new Error('Invalid string JSON object.');
+            }
+
+            body = '"';
+            for (let i = 1; i < str.length; i += 1) {
+                if (str[i] === '\\') {
+                    if (str[i + 1] === '\'') {
+                        body += str[i + 1];
+                    } else {
+                        body += str[i];
+                        body += str[i + 1];
+                    }
+                    i += 1;
+                } else if (str[i] === str[0]) {
+                    body += '"';
+                    return body;
+                } else if (str[i] === '"') {
+                    body += '\\"';
+                } else {
+                    body += str[i];
+                }
+            }
+
+            throw new Error('Invalid string JSON object.');
+        }
+
+        /*
+        * boolean
+        */
+        if (str === 'true' || str === 'false') {
+            return str;
+        }
+
+        /*
+        * null
+        */
+        if (str === 'null') {
+            return 'null';
+        }
+
+        /*
+        * number
+        */
+        const num = parseFloat(str);
+        if (!Number.isNaN(num)) {
+            return num.toString();
+        }
+
+        /*
+        * object
+        */
+        if (str[0] === '{') {
+            type = 'needKey';
+            key = null;
+            result = '{';
+
+            for (let i = 1; i < str.length; i += 1) {
+                if (this.isBlankChar(str[i])) {
+                    /* eslint-disable-next-line */
+                    continue;
+                }
+                if (type === 'needKey' && (str[i] === '"' || str[i] === '\'')) {
+                    key = this.parseKey(str, i + 1, str[i]);
+                    result += `"${key}"`;
+                    i += key.length;
+                    i += 1;
+                    type = 'afterKey';
+                } else if (type === 'needKey' && this.canBeKeyHead(str[i])) {
+                    key = this.parseKey(str, i);
+                    result += '"';
+                    result += key;
+                    result += '"';
+                    i += key.length - 1;
+                    type = 'afterKey';
+                } else if (type === 'afterKey' && str[i] === ':') {
+                    result += ':';
+                    type = ':';
+                } else if (type === ':') {
+                    body = this.getBody(str, i);
+
+                    i = i + body.originLength - 1;
+                    result += this.parseString(body.body);
+
+                    type = 'afterBody';
+                } else if (type === 'afterBody' || type === 'needKey') {
+                    let last = i;
+                    while (str[last] === ',' || this.isBlankChar(str[last])) {
+                        last += 1;
+                    }
+                    if (str[last] === '}' && last === str.length - 1) {
+                        while (result[result.length - 1] === ',') {
+                            result = result.substr(0, result.length - 1);
+                        }
+                        result += '}';
+                        return result;
+                    }
+                    if (last !== i && result !== '{') {
+                        result += ',';
+                        type = 'needKey';
+                        i = last - 1;
+                    }
+                }
+            }
+
+            throw new Error(`Broken JSON object near ${result}`);
+        }
+
+        /*
+        * array
+        */
+        if (str[0] === '[') {
+            result = '[';
+            type = 'needBody';
+            for (let i = 1; i < str.length; i += 1) {
+                if (str[i] === ' ' || str[i] === '\n' || str[i] === '\t') {
+                    /* eslint-disable-next-line */
+                    continue;
+                } else if (type === 'needBody') {
+                    if (str[i] === ',') {
+                        result += 'null,';
+                        /* eslint-disable-next-line */
+                        continue;
+                    }
+                    if (str[i] === ']' && i === str.length - 1) {
+                        if (result[result.length - 1] === ',') {
+                            result = result.substr(0, result.length - 1);
+                        }
+                        result += ']';
+                        return result;
+                    }
+
+                    body = this.getBody(str, i);
+
+                    i = i + body.originLength - 1;
+                    result += this.parseString(body.body);
+
+                    type = 'afterBody';
+                } else if (type === 'afterBody') {
+                    if (str[i] === ',') {
+                        result += ',';
+                        type = 'needBody';
+
+                        // deal with mistake ","
+                        while (str[i + 1] === ',' || this.isBlankChar(str[i + 1])) {
+                            if (str[i + 1] === ',') {
+                                result += 'null,';
+                            }
+                            i += 1;
+                        }
+                    } else if (str[i] === ']' && i === str.length - 1) {
+                        result += ']';
+                        return result;
+                    }
+                }
+            }
+
+            throw new Error(`Broken JSON array near ${result}`);
+        }
+
+        return '';
+    }
+
+    getBody(str, pos) {
+        let body = '';
+
+        // parse string body
+        if (str[pos] === '"' || str[pos] === '\'') {
+            body = str[pos];
+
+            for (let i = pos + 1; i < str.length; i += 1) {
+                if (str[i] === '\\') {
+                    body += str[i];
+                    if (i + 1 < str.length) {
+                        body += str[i + 1];
+                    }
+                    i += 1;
+                } else if (str[i] === str[pos]) {
+                    body += str[pos];
+                    return {
+                        originLength: body.length,
+                        body,
+                    };
+                } else {
+                    body += str[i];
+                }
+            }
+
+            throw new Error(`Broken JSON string body near ${body}`);
+        }
+
+        // parse true / false
+        if (str[pos] === 't') {
+            if (str.indexOf('true', pos) === pos) {
+                return {
+                    originLength: 'true'.length,
+                    body: 'true',
+                };
+            }
+
+            throw new Error(`Broken JSON boolean body near ${str.substr(0, pos + 10)}`);
+        }
+        if (str[pos] === 'f') {
+            if (str.indexOf('f', pos) === pos) {
+                return {
+                    originLength: 'false'.length,
+                    body: 'false',
+                };
+            }
+
+            throw new Error(`Broken JSON boolean body near ${str.substr(0, pos + 10)}`);
+        }
+
+        // parse null
+        if (str[pos] === 'n') {
+            if (str.indexOf('null', pos) === pos) {
+                return {
+                    originLength: 'null'.length,
+                    body: 'null',
+                };
+            }
+
+            throw new Error(`Broken JSON boolean body near ${str.substr(0, pos + 10)}`);
+        }
+
+        // parse number
+        if (str[pos] === '-' || str[pos] === '+' || str[pos] === '.' || (str[pos] >= '0' && str[pos] <= '9')) {
+            body = '';
+
+            for (let i = pos; i < str.length; i += 1) {
+                if (str[i] === '-' || str[i] === '+' || str[i] === '.' || (str[i] >= '0' && str[i] <= '9')) {
+                    body += str[i];
+                } else {
+                    return {
+                        originLength: body.length,
+                        body,
+                    };
+                }
+            }
+
+            throw new Error(`Broken JSON number body near ${body}`);
+        }
+
+        // parse object
+        if (str[pos] === '{' || str[pos] === '[') {
+            const stack = [
+                str[pos],
+            ];
+            body = str[pos];
+
+            for (let i = pos + 1; i < str.length; i += 1) {
+                body += str[i];
+                if (str[i] === '\\') {
+                    if (i + 1 < str.length) {
+                        body += str[i + 1];
+                    }
+                    i += 1;
+                } else if (str[i] === '"') {
+                    if (stack[stack.length - 1] === '"') {
+                        stack.pop();
+                    } else if (stack[stack.length - 1] !== '\'') {
+                        stack.push(str[i]);
+                    }
+                } else if (str[i] === '\'') {
+                    if (stack[stack.length - 1] === '\'') {
+                        stack.pop();
+                    } else if (stack[stack.length - 1] !== '"') {
+                        stack.push(str[i]);
+                    }
+                } else if (stack[stack.length - 1] !== '"' && stack[stack.length - 1] !== '\'') {
+                    if (str[i] === '{') {
+                        stack.push('{');
+                    } else if (str[i] === '}') {
+                        if (stack[stack.length - 1] === '{') {
+                            stack.pop();
+                        } else {
+                            throw new Error(`Broken JSON ${(str[pos] === '{' ? 'object' : 'array')} body near ${body}`);
+                        }
+                    } else if (str[i] === '[') {
+                        stack.push('[');
+                    } else if (str[i] === ']') {
+                        if (stack[stack.length - 1] === '[') {
+                            stack.pop();
+                        } else {
+                            throw new Error(`Broken JSON ${(str[pos] === '{' ? 'object' : 'array')} body near ${body}`);
+                        }
+                    }
+                }
+                if (!stack.length) {
+                    return {
+                        originLength: i - pos,
+                        body,
+                    };
+                }
+            }
+
+            throw new Error(`Broken JSON ${(str[pos] === '{' ? 'object' : 'array')} body near ${body}`);
+        }
+
+        throw new Error(`Broken JSON body near ${str.substr((pos - 5 >= 0) ? pos - 5 : 0, 50)}`);
+    }
+
+    parseKey(str, pos, quote) {
+        let key = '';
+
+        for (let i = pos; i < str.length; i += 1) {
+            if (quote && quote === str[i]) {
+                return key;
+            }
+            if (!quote && (str[i] === ' ' || str[i] === ':')) {
+                return key;
+            }
+
+            key += str[i];
+
+            if (str[i] === '\\' && i + 1 < str.length) {
+                key += str[i + 1];
+                i += 1;
+            }
+        }
+
+        throw new Error(`Broken JSON syntax near ${key}`);
+    }
+
+    canBeKeyHead(ch) {
+        if (ch[0] === '\\') {
+            return false;
+        }
+        if ((ch[0] >= 'a' && ch[0] <= 'z') || (ch[0] >= 'A' && ch[0] <= 'Z') || ch[0] === '_') {
+            return true;
+        }
+        if (ch[0] >= '0' && ch[0] <= '9') {
+            return true;
+        }
+        if (ch[0] === '$') {
+            return true;
+        }
+        if (ch.charCodeAt(0) > 255) {
+            return true;
+        }
+
+        return false;
+    }
+
+    isBlankChar(ch) {
+        return ch === ' ' || ch === '\n' || ch === '\t';
+    }
+}
diff --git a/modules/system/assets/js/snowboard/utilities/Sanitizer.js b/modules/system/assets/js/snowboard/utilities/Sanitizer.js
new file mode 100644
index 0000000000..3c71b8f507
--- /dev/null
+++ b/modules/system/assets/js/snowboard/utilities/Sanitizer.js
@@ -0,0 +1,66 @@
+import Singleton from '../abstracts/Singleton';
+
+/**
+ * Sanitizer utility.
+ *
+ * Client-side HTML sanitizer designed mostly to prevent self-XSS attacks.
+ * The sanitizer utility will strip all attributes that start with `on` (usually JS event handlers as attributes, i.e. `onload` or `onerror`) or contain the `javascript:` pseudo protocol in their values.
+ *
+ * @author Ben Thomson <git@alfreido.com>
+ */
+export default class Sanitizer extends Singleton {
+    constructor(snowboard) {
+        super(snowboard);
+
+        // Add to global function for backwards compatibility
+        window.wnSanitize = (html) => this.sanitize(html);
+        window.ocSanitize = window.wnSanitize;
+    }
+
+    sanitize(html, bodyOnly) {
+        const parser = new DOMParser();
+        const dom = parser.parseFromString(html, 'text/html');
+        const returnBodyOnly = (bodyOnly !== undefined && typeof bodyOnly === 'boolean')
+            ? bodyOnly
+            : true;
+
+        this.sanitizeNode(dom.getRootNode());
+
+        return (returnBodyOnly) ? dom.body.innerHTML : dom.innerHTML;
+    }
+
+    sanitizeNode(node) {
+        if (node.tagName === 'SCRIPT') {
+            node.remove();
+            return;
+        }
+
+        this.trimAttributes(node);
+
+        const children = Array.from(node.children);
+
+        children.forEach((child) => {
+            this.sanitizeNode(child);
+        });
+    }
+
+    trimAttributes(node) {
+        if (!node.attributes) {
+            return;
+        }
+
+        for (let i = 0; i < node.attributes.length; i += 1) {
+            const attrName = node.attributes.item(i).name;
+            const attrValue = node.attributes.item(i).value;
+
+            /*
+            * remove attributes where the names start with "on" (for example: onload, onerror...)
+            * remove attributes where the value starts with the "javascript:" pseudo protocol (for example href="javascript:alert(1)")
+            */
+            /* eslint-disable-next-line */
+            if (attrName.indexOf('on') === 0 || attrValue.indexOf('javascript:') === 0) {
+                node.removeAttribute(attrName);
+            }
+        }
+    }
+}
diff --git a/modules/system/assets/js/snowboard/winter.mix.js b/modules/system/assets/js/snowboard/winter.mix.js
new file mode 100644
index 0000000000..67be8dcf64
--- /dev/null
+++ b/modules/system/assets/js/snowboard/winter.mix.js
@@ -0,0 +1,22 @@
+const mix = require('laravel-mix');
+require('laravel-mix-polyfill');
+
+mix.setPublicPath(__dirname);
+
+// Compile Snowboard framework
+mix
+    .options({
+        terser: {
+            extractComments: false,
+        },
+    })
+    .js('./snowboard.base.js', './build/snowboard.base.js')
+    .js('./snowboard.base.debug.js', './build/snowboard.base.debug.js')
+    .js('./ajax/Request.js', './build/snowboard.request.js')
+    .js('./ajax/handlers/AttributeRequest.js', './build/snowboard.data-attr.js')
+    .js('./snowboard.extras.js', './build/snowboard.extras.js')
+    .polyfill({
+        enabled: mix.inProduction(),
+        useBuiltIns: 'usage',
+        targets: '> 0.5%, last 2 versions, not dead, Firefox ESR, not ie > 0',
+    });
diff --git a/modules/system/assets/less/snowboard.extras.less b/modules/system/assets/less/snowboard.extras.less
new file mode 100644
index 0000000000..b86d1a65ed
--- /dev/null
+++ b/modules/system/assets/less/snowboard.extras.less
@@ -0,0 +1,259 @@
+@import "../../../backend/assets/less/core/boot.less";
+
+//
+// Stripe loading indicator
+// --------------------------------------------------
+
+body.wn-loading, body.wn-loading *,
+body.oc-loading, body.oc-loading * {
+    cursor: wait !important;
+}
+
+@stripe-loader-color: #0090c0;
+@stripe-loader-height: 5px;
+
+.stripe-loading-indicator {
+
+    height: @stripe-loader-height;
+    background: transparent;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    overflow: hidden;
+    z-index: 2000;
+
+    .stripe, .stripe-loaded {
+        height: @stripe-loader-height;
+        display: block;
+        background: @stripe-loader-color;
+        position: absolute;
+        .box-shadow(~"inset 0 1px 1px -1px #FFF, inset 0 -1px 1px -1px #FFF");
+    }
+
+    .stripe {
+        width: 100%;
+        .animation(wn-infinite-loader 60s linear);
+    }
+
+    .stripe-loaded {
+        width: 100%;
+        transform: translate3d(-100%, 0, 0);
+        .opacity(0);
+    }
+
+    &.loaded {
+        .opacity(0);
+        .transition(opacity .4s linear);
+        .transition-delay(.3s);
+        .stripe {
+            animation-play-state: paused;
+        }
+        .stripe-loaded {
+            .opacity(1);
+            transform: translate3d(0, 0, 0);
+            .transition(transform .3s linear);
+        }
+    }
+
+    &.hide {
+        display: none;
+    }
+}
+
+//
+// Flash Messages
+// --------------------------------------------------
+
+@color-flash-success-bg:                     #8da85e;
+@color-flash-error-bg:                       #cc3300;
+@color-flash-warning-bg:                     #f0ad4e;
+@color-flash-info-bg:                        #5fb6f5;
+@color-flash-text:                           #ffffff;
+
+body > div.flash-message {
+    position: fixed;
+    width: 500px;
+    left: 50%;
+    top: 13px;
+    margin-left: -250px;
+    color: @color-flash-text;
+    font-size: 14px;
+    padding: 10px 30px 14px 15px;
+    z-index: @zindex-flashmessage;
+    word-wrap: break-word;
+    text-shadow: 0 -1px 0px rgba(0,0,0,.15);
+    text-align: center;
+    .box-shadow(@overlay-box-shadow);
+    .border-radius(@border-radius-base);
+    cursor: pointer;
+
+    .flash-timer {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 4px;
+        background: #ffffff;
+        opacity: 0.5;
+        .border-radius(@border-radius-base);
+
+        &.timeout-active {
+            .transition(~'width 6s linear');
+        }
+
+        &.timeout-in {
+            width: 100%;
+        }
+
+        &.timeout-out {
+            width: 0%;
+        }
+    }
+
+    &.show-active, &.hide-active {
+        .transition(~'all 0.5s, width 0s');
+    }
+
+    &.show-in, &.hide-out {
+        .opacity(0);
+        .transform(~'scale(0.9)');
+    }
+
+    &.show-out, &.hide-in {
+        .opacity(1);
+        .transform(~'scale(1)');
+    }
+
+    &.success { background: @color-flash-success-bg; }
+    &.error { background: @color-flash-error-bg; }
+    &.warning { background: @color-flash-warning-bg; }
+    &.info { background: @color-flash-info-bg; }
+}
+
+@media (max-width: @screen-sm) {
+    body > div.flash-message {
+        left: 10px;
+        right: 10px;
+        top: 10px;
+        margin-left: 0;
+        width: auto;
+    }
+}
+
+//
+// Form Validation
+// --------------------------------------------------
+
+[data-request][data-request-validate] [data-validate-for],
+[data-request][data-request-validate] [data-validate-error] {
+    &:not(.visible) {
+        display: none;
+    }
+}
+
+//
+// Element Loader
+// --------------------------------------------------
+
+a.wn-loading, button.wn-loading, span.wn-loading,
+a.oc-loading, button.oc-loading, span.oc-loading {
+    &:after {
+        content: '';
+        display: inline-block;
+        vertical-align: middle;
+        margin-left: .4em;
+        height: 1em;
+        width: 1em;
+        animation: wn-rotate-loader 0.8s infinite linear;
+        border: .2em solid currentColor;
+        border-right-color: transparent;
+        border-radius: 50%;
+        .opacity(.5);
+    }
+}
+
+@-moz-keyframes wn-rotate-loader {
+    0%    { -moz-transform: rotate(0deg); }
+    100%  { -moz-transform: rotate(360deg); }
+}
+@-webkit-keyframes wn-rotate-loader {
+    0%    { -webkit-transform: rotate(0deg); }
+    100%  { -webkit-transform: rotate(360deg); }
+}
+@-o-keyframes wn-rotate-loader {
+    0%    { -o-transform: rotate(0deg); }
+    100%  { -o-transform: rotate(360deg); }
+}
+@-ms-keyframes wn-rotate-loader {
+    0%    { -ms-transform: rotate(0deg); }
+    100%  { -ms-transform: rotate(360deg); }
+}
+@keyframes wn-rotate-loader {
+    0%    { transform: rotate(0deg); }
+    100%  { transform: rotate(360deg); }
+}
+@-moz-keyframes oc-rotate-loader {
+    0%    { -moz-transform: rotate(0deg); }
+    100%  { -moz-transform: rotate(360deg); }
+}
+@-webkit-keyframes oc-rotate-loader {
+    0%    { -webkit-transform: rotate(0deg); }
+    100%  { -webkit-transform: rotate(360deg); }
+}
+@-o-keyframes oc-rotate-loader {
+    0%    { -o-transform: rotate(0deg); }
+    100%  { -o-transform: rotate(360deg); }
+}
+@-ms-keyframes oc-rotate-loader {
+    0%    { -ms-transform: rotate(0deg); }
+    100%  { -ms-transform: rotate(360deg); }
+}
+@keyframes oc-rotate-loader {
+    0%    { transform: rotate(0deg); }
+    100%  { transform: rotate(360deg); }
+}
+
+//
+// Infinite loading animation
+// --------------------------------------------------
+
+@startVal: 100%;
+@start: 0;
+
+.infinite-class (@index, @val) when (@index < 101) {
+    @tmpSelector: ~"@{index}%";
+    @{tmpSelector} { transform: translateX(-@val); }
+    .infinite-class(@index + 10, @val - @val / 2);
+}
+
+@-moz-keyframes wn-infinite-loader {
+    .infinite-class(@start, @startVal);
+}
+@-webkit-keyframes wn-infinite-loader {
+    .infinite-class(@start, @startVal);
+}
+@-o-keyframes wn-infinite-loader {
+    .infinite-class(@start, @startVal);
+}
+@-ms-keyframes wn-infinite-loader {
+    .infinite-class(@start, @startVal);
+}
+@keyframes wn-infinite-loader {
+    .infinite-class(@start, @startVal);
+}
+@-moz-keyframes oc-infinite-loader {
+    .infinite-class(@start, @startVal);
+}
+@-webkit-keyframes oc-infinite-loader {
+    .infinite-class(@start, @startVal);
+}
+@-o-keyframes oc-infinite-loader {
+    .infinite-class(@start, @startVal);
+}
+@-ms-keyframes oc-infinite-loader {
+    .infinite-class(@start, @startVal);
+}
+@keyframes oc-infinite-loader {
+    .infinite-class(@start, @startVal);
+}
diff --git a/modules/system/classes/MixAssets.php b/modules/system/classes/MixAssets.php
new file mode 100644
index 0000000000..1ed1f2edd1
--- /dev/null
+++ b/modules/system/classes/MixAssets.php
@@ -0,0 +1,264 @@
+<?php namespace System\Classes;
+
+use File;
+use Config;
+use SystemException;
+use Cms\Classes\Theme;
+use Winter\Storm\Support\Str;
+use System\Classes\PluginManager;
+use Winter\Storm\Filesystem\PathResolver;
+
+/**
+ * Mix assets using Laravel Mix for Node.js compilation and processing.
+ *
+ * This works similar to the `System\Classes\CombineAssets` class in that it allows modules, plugins and themes to
+ * register configurations that will be passed on to Laravel Mix and Node.js for compilation and processing.
+ *
+ * @package winter\wn-system-module
+ * @author Ben Thomson <git@alfreido.com>, Jack Wilkinson <jax@jaxwilko.com>
+ * @author Winter CMS
+ */
+class MixAssets
+{
+    use \Winter\Storm\Support\Traits\Singleton;
+
+    /**
+     * The filename that stores the package definition.
+     *
+     * @var string
+     */
+    protected $packageJson = 'package.json';
+
+    /**
+     * The filename that stores the Laravel Mix configuration
+     *
+     * @var string
+     */
+    protected $mixJs = 'winter.mix.js';
+
+    /**
+     * A list of packages registered for mixing.
+     *
+     * @var array
+     */
+    protected $packages = [];
+
+    /**
+     * Registered callbacks.
+     *
+     * @var array
+     */
+    protected static $callbacks = [];
+
+    /**
+     * Constructor.
+     *
+     * @return void
+     */
+    public function init()
+    {
+        /*
+        * Get packages registered in plugins.
+        *
+        * In the Plugin.php file for your plugin, you can define the "registerMixPackages" method and return an array,
+        * with the name of the package being the key, and the build config path - relative to the plugin directory - as
+        * the value.
+        *
+        * Example:
+        *
+        *   public function registerMixPackages()
+        *   {
+        *       return [
+        *           'package-name-1' => 'winter.mix.js',
+        *           'package-name-2' => 'assets/js/build.js',
+        *       ];
+        *   }
+        */
+        $packages = PluginManager::instance()->getRegistrationMethodValues('registerMixPackages');
+        if (count($packages)) {
+            foreach ($packages as $pluginCode => $packageArray) {
+                if (!is_array($packageArray)) {
+                    continue;
+                }
+
+                foreach ($packageArray as $name => $package) {
+                    $this->registerPackage($name, PluginManager::instance()->getPluginPath($pluginCode) . '/' . $package);
+                }
+            }
+        }
+
+        // Get the currently enabled modules
+        $enabledModules = Config::get('cms.loadModules', []);
+
+        if (in_array('Cms', $enabledModules)) {
+            // Allow current theme to define mix assets
+            $theme = Theme::getActiveTheme();
+
+            if (!is_null($theme)) {
+                $mix = $theme->getConfigValue('mix', []);
+
+                if (count($mix)) {
+                    foreach ($mix as $name => $file) {
+                        $this->registerPackage($name, $theme->getPath() . '/' . $file);
+                    }
+                }
+            }
+        }
+
+        $packagePaths = [];
+
+        // Search modules for Mix packages to autoregister
+        foreach ($enabledModules as $module) {
+            $module = strtolower($module);
+            $path = base_path("modules/$module") . '/' . $this->mixJs;
+            if (File::exists($path)) {
+                $packagePaths["module-$module"] = $path;
+            }
+        }
+
+        // Search plugins for Mix packages to autoregister
+        $plugins = PluginManager::instance()->getPlugins();
+        foreach ($plugins as $plugin) {
+            $path = $plugin->getPluginPath() . '/' . $this->mixJs;
+            if (File::exists($path)) {
+                $packagePaths[$plugin->getPluginIdentifier()] = $path;
+            }
+        }
+
+        // Search themes for Mix packages to autoregister
+        if (in_array('Cms', $enabledModules)) {
+            $themes = Theme::all();
+            foreach ($themes as $theme) {
+                $path = $theme->getPath() . '/' . $this->mixJs;
+                if (File::exists($path)) {
+                    $packagePaths["theme-" . $theme->getId()] = $path;
+                }
+            }
+        }
+
+        // Register the autodiscovered Mix packages
+        foreach ($packagePaths as $package => $path) {
+            try {
+                $this->registerPackage($package, $path);
+            } catch (SystemException $e) {
+                // Either the package name or the mixJs path have already been registered, skip.
+                continue;
+            }
+        }
+    }
+
+    /**
+     * Registers a callback for processing.
+     *
+     * @param callable $callback
+     * @return void
+     */
+    public static function registerCallback(callable $callback)
+    {
+        static::$callbacks[] = $callback;
+    }
+
+    /**
+     * Calls the deferred callbacks.
+     *
+     * @return void
+     */
+    public function fireCallbacks()
+    {
+        // Call callbacks
+        foreach (static::$callbacks as $callback) {
+            $callback($this);
+        }
+    }
+
+    /**
+     * Returns the count of packages registered.
+     *
+     * @return int
+     */
+    public function getPackageCount()
+    {
+        return count($this->packages);
+    }
+
+    /**
+     * Returns all packages registered.
+     *
+     * @return array
+     */
+    public function getPackages()
+    {
+        ksort($this->packages);
+        return $this->packages;
+    }
+
+    /**
+     * Registers an entity as a package for mixing.
+     *
+     * Entities can include plugins, components, themes, modules and much more.
+     *
+     * The name of the package is an alias that can be used to reference this package in other methods within this
+     * class.
+     *
+     * By default, the MixAssets class will look for a `package.json` file for Node dependencies, and a `winter.mix.js`
+     * file for the Laravel Mix configuration
+     *
+     * @param string $name The name of the package being registered
+     * @param string $path The path to the Mix JS configuration file. If there is a related package.json file then it is
+     *                      required to be present in the same directory as the winter.mix.js file
+     * @return void
+     */
+    public function registerPackage($name, $path)
+    {
+        // Symbolize the path
+        $path = File::symbolizePath($path);
+
+        // Normalize the arguments
+        $name = strtolower($name);
+        $resolvedPath = PathResolver::resolve($path);
+        $pinfo = pathinfo($resolvedPath);
+        $path = Str::after($pinfo['dirname'], base_path() . '/');
+        $mixJs = $pinfo['basename'];
+
+        // Require $mixJs to be a JS file
+        $extension = File::extension($mixJs);
+        if ($extension !== 'js') {
+            throw new SystemException(
+                sprintf('The mix configuration for package "%s" must be a JavaScript file ending with .js', $name)
+            );
+        }
+
+        // Check that the package path exists
+        if (!File::exists($path)) {
+            throw new SystemException(
+                sprintf('Cannot register "%s" as a Mix package; the "%s" path does not exist.', $name, $path)
+            );
+        }
+
+        // Check for any existing packages already registered under the provided name
+        if (isset($this->packages[$name])) {
+            throw new SystemException(
+                sprintf('Cannot register "%s" as a Mix package; it has already been registered at %s.', $name, $this->packages[$name]['mix'])
+            );
+        }
+
+        $package = "$path/{$this->packageJson}";
+        $mix = "$path/$mixJs";
+
+        // Check for any existing package that already registers the given Mix path
+        foreach ($this->packages as $packageName => $config) {
+            if ($config['mix'] === $mix) {
+                throw new SystemException(
+                    sprintf('Cannot register "%s" (%s) as a Mix package; it has already been registered as %s.', $name, $mix, $packageName)
+                );
+            }
+        }
+
+        // Register the package
+        $this->packages[$name] = [
+            'path' => $path,
+            'package' => $package,
+            'mix' => $mix,
+        ];
+    }
+}
diff --git a/modules/system/classes/PluginManager.php b/modules/system/classes/PluginManager.php
index fd15082967..669c1c98e6 100644
--- a/modules/system/classes/PluginManager.php
+++ b/modules/system/classes/PluginManager.php
@@ -370,6 +370,7 @@ public function bootPlugin($plugin)
     public function getPluginPath($id)
     {
         $classId = $this->getIdentifier($id);
+        $classId = $this->normalizeIdentifier($classId);
         if (!isset($this->pathMap[$classId])) {
             return null;
         }
diff --git a/modules/system/console/MixCompile.php b/modules/system/console/MixCompile.php
new file mode 100644
index 0000000000..40be72f717
--- /dev/null
+++ b/modules/system/console/MixCompile.php
@@ -0,0 +1,219 @@
+<?php namespace System\Console;
+
+use File;
+use Illuminate\Console\Command;
+use Symfony\Component\Process\Process;
+use System\Classes\MixAssets;
+
+class MixCompile extends Command
+{
+    /**
+     * @var string The console command name.
+     */
+    protected $name = 'mix:compile';
+
+    /**
+     * @var string The console command description.
+     */
+    protected $description = 'Mix and compile assets';
+
+    /**
+     * @var array Local cache of the package.json file contents
+     */
+    protected $packageJson;
+
+    /**
+     * The name and signature of the console command.
+     *
+     * @var string
+     */
+    protected $signature = 'mix:compile
+        {webpackArgs?* : Arguments to pass through to the Webpack CLI}
+        {--f|production : Runs compilation in "production" mode}
+        {--p|package=* : Defines one or more packages to compile}';
+
+    /**
+     * Execute the console command.
+     * @return int
+     */
+    public function handle(): int
+    {
+        // Exit early if node_modules isn't available yet
+        if (!File::exists(base_path('node_modules'))) {
+            $this->error('The Node dependencies are not available, try running mix:install first.');
+            return 1;
+        }
+
+        $mixedAssets = MixAssets::instance();
+        $mixedAssets->fireCallbacks();
+
+        $registeredPackages = $mixedAssets->getPackages();
+        $requestedPackages = $this->option('package') ?: [];
+
+        // Normalize the requestedPackages option
+        if (count($requestedPackages)) {
+            foreach ($requestedPackages as &$name) {
+                $name = strtolower($name);
+            }
+            unset($name);
+        }
+
+        // Filter the registered packages to only include requested packages
+        if (count($requestedPackages) && count($registeredPackages)) {
+            // Get an updated list of packages including any newly added packages
+            $registeredPackages = $mixedAssets->getPackages();
+
+            // Filter the registered packages to only deal with the requested packages
+            foreach (array_keys($registeredPackages) as $name) {
+                if (!in_array($name, $requestedPackages)) {
+                    unset($registeredPackages[$name]);
+                }
+            }
+        }
+
+        if (!count($registeredPackages)) {
+            if (count($requestedPackages)) {
+                $this->error('No registered packages matched the requested packages for compilation.');
+                return 1;
+            } else {
+                $this->info('No packages registered for mixing.');
+                return 0;
+            }
+        }
+
+        foreach ($registeredPackages as $name => $package) {
+            $relativeMixJsPath = $package['mix'];
+            if (!$this->canCompilePackage($relativeMixJsPath)) {
+                $this->error(
+                    sprintf('Unable to compile "%s", %s was not found in the package.json\'s workspaces.packages property. Try running mix:install first.', $name, $packagePath)
+                );
+                continue;
+            }
+
+            $this->info(
+                sprintf('Mixing package "%s"', $name)
+            );
+            if ($this->mixPackage(base_path($relativeMixJsPath)) !== 0) {
+                $this->error(
+                    sprintf('Unable to compile package "%s"', $name)
+                );
+            }
+        }
+
+        return 0;
+    }
+
+    /**
+     * Get the package path for the provided winter.mix.js file
+     */
+    protected function getPackagePath(string $mixJsPath): string
+    {
+        return pathinfo($mixJsPath, PATHINFO_DIRNAME);
+    }
+
+    /**
+     * Get the path to the mix.webpack.js file for the provided winter.mix.js file
+     */
+    protected function getWebpackJsPath(string $mixJsPath): string
+    {
+        return $this->getPackagePath($mixJsPath) . '/mix.webpack.js';
+    }
+
+    /**
+     * Check if Mix is able to compile the provided winter.mix.js file
+     */
+    protected function canCompilePackage(string $mixJsPath): bool
+    {
+        if (!isset($this->packageJson)) {
+            // Load the main package.json for the project
+            $canModifyPackageJson = null;
+            $packageJsonPath = base_path('package.json');
+            $packageJson = [];
+            if (File::exists($packageJsonPath)) {
+                $packageJson = json_decode(File::get($packageJsonPath), true);
+            }
+            $this->packageJson = $packageJson;
+        }
+
+        $workspacesPackages = $this->packageJson['workspaces']['packages'] ?? [];
+
+        return in_array($this->getPackagePath($mixJsPath), $workspacesPackages);
+    }
+
+    /**
+     * Run the mix command against the provided package
+     */
+    protected function mixPackage(string $mixJsPath): int
+    {
+        $this->createWebpackConfig($mixJsPath);
+        $command = $this->createCommand($mixJsPath);
+
+        $process = new Process(
+            $command,
+            $this->getPackagePath($mixJsPath),
+            ['NODE_ENV' => $this->option('production', false) ? 'production' : 'development'],
+            null,
+            null
+        );
+
+        try {
+            $process->setTty(true);
+        } catch (\Throwable $e) {
+            // This will fail on unsupported systems
+        }
+
+        $exitCode = $process->run(function ($status, $stdout) {
+            if ($this->option('verbose')) {
+                $this->getOutput()->write($stdout);
+            }
+        });
+
+        $this->removeWebpackConfig($mixJsPath);
+
+        return $exitCode;
+    }
+
+    /**
+     * Create the command array to create a Process object with
+     */
+    protected function createCommand(string $mixJsPath): array
+    {
+        $basePath = base_path();
+        $command = $this->argument('webpackArgs') ?? [];
+        array_unshift(
+            $command,
+            $basePath . '/node_modules/webpack/bin/webpack.js',
+            '--progress',
+            '--config=' . $this->getWebpackJsPath($mixJsPath)
+        );
+        return $command;
+    }
+
+    /**
+     * Create the temporary mix.webpack.js config file to run webpack with
+     */
+    protected function createWebpackConfig(string $mixJsPath): void
+    {
+        $basePath = base_path();
+        $fixture = File::get(__DIR__ . '/fixtures/mix.webpack.js.fixture');
+
+        $config = str_replace(
+            ['%base%', '%notificationInject%', '%mixConfigPath%', '%pluginsPath%', '%appPath%'],
+            [$basePath, '', $mixJsPath, plugins_path(), base_path()],
+            $fixture
+        );
+
+        File::put($this->getWebpackJsPath($mixJsPath), $config);
+    }
+
+    /**
+     * Remove the temporary mix.webpack.js file
+     */
+    protected function removeWebpackConfig(string $mixJsPath): void
+    {
+        $webpackJsPath = $this->getWebpackJsPath($mixJsPath);
+        if (File::exists($webpackJsPath)) {
+            File::delete($webpackJsPath);
+        }
+    }
+}
diff --git a/modules/system/console/MixInstall.php b/modules/system/console/MixInstall.php
new file mode 100644
index 0000000000..c165f67a4c
--- /dev/null
+++ b/modules/system/console/MixInstall.php
@@ -0,0 +1,246 @@
+<?php namespace System\Console;
+
+use File;
+use Config;
+use Cms\Classes\Theme;
+use Winter\Storm\Support\Str;
+use Illuminate\Console\Command;
+use Symfony\Component\Process\Process;
+use System\Classes\MixAssets;
+use System\Classes\PluginManager;
+use Symfony\Component\Process\Exception\ProcessSignaledException;
+
+class MixInstall extends Command
+{
+    /**
+     * @var string The console command name.
+     */
+    protected $name = 'mix:install';
+
+    /**
+     * @var string The console command description.
+     */
+    protected $description = 'Install Node.js dependencies required for mixed assets';
+
+    /**
+     * The name and signature of the console command.
+     *
+     * @var string
+     */
+    protected $signature = 'mix:install
+        {npmArgs?* : Arguments to pass through to the "npm" binary}
+        {--npm= : Defines a custom path to the "npm" binary}
+        {--p|package=* : Defines one or more packages to install}';
+
+    /**
+     * @var string The path to the "npm" executable.
+     */
+    protected $npmPath = 'npm';
+
+    /**
+     * @var string Default version of Laravel Mix to install
+     */
+    protected $defaultMixVersion = '^6.0.41';
+
+    /**
+     * Execute the console command.
+     * @return int
+     */
+    public function handle(): int
+    {
+        if ($this->option('npm')) {
+            $this->npmPath = $this->option('npm', 'npm');
+        }
+
+        if (!version_compare($this->getNpmVersion(), '7', '>')) {
+            $this->error('"npm" version 7 or above must be installed to run this command.');
+            return 1;
+        }
+
+        $mixedAssets = MixAssets::instance();
+        $mixedAssets->fireCallbacks();
+
+        $registeredPackages = $mixedAssets->getPackages();
+        $requestedPackages = $this->option('package') ?: [];
+
+        // Normalize the requestedPackages option
+        if (count($requestedPackages)) {
+            foreach ($requestedPackages as &$name) {
+                $name = strtolower($name);
+            }
+            unset($name);
+        }
+
+        // Filter the registered packages to only include requested packages
+        if (count($requestedPackages) && count($registeredPackages)) {
+            $availablePackages = array_keys($registeredPackages);
+            $cmsEnabled = in_array('Cms', Config::get('cms.loadModules'));
+
+            // Autogenerate config files for packages that don't exist but can be autodiscovered
+            foreach ($requestedPackages as $package) {
+                // Check if the package is already registered
+                if (in_array($package, $availablePackages)) {
+                    continue;
+                }
+
+                // Check if package could be a module (but explicitly ignore core Winter modules)
+                if (Str::startsWith($package, 'module-') && !in_array($package, ['system', 'backend', 'cms'])) {
+                    $mixedAssets->registerPackage($package, base_path('modules/' . Str::after($package, 'module-') . '/winter.mix.js'));
+                    continue;
+                }
+
+                // Check if package could be a theme
+                if (
+                    $cmsEnabled
+                    && Str::startsWith($package, 'theme-')
+                    && Theme::exists(Str::after($package, 'theme-'))
+                ) {
+                    $theme = Theme::load(Str::after($package, 'theme-'));
+                    $mixedAssets->registerPackage($package, $theme->getPath() . '/winter.mix.js');
+                    continue;
+                }
+
+                // Check if a package could be a plugin
+                if (PluginManager::instance()->exists($package)) {
+                    $mixedAssets->registerPackage($package, PluginManager::instance()->getPluginPath($package) . '/winter.mix.js');
+                    continue;
+                }
+            }
+
+            // Get an updated list of packages including any newly added packages
+            $registeredPackages = $mixedAssets->getPackages();
+
+            // Filter the registered packages to only deal with the requested packages
+            foreach (array_keys($registeredPackages) as $name) {
+                if (!in_array($name, $requestedPackages)) {
+                    unset($registeredPackages[$name]);
+                }
+            }
+        }
+
+        if (!count($registeredPackages)) {
+            if (count($requestedPackages)) {
+                $this->error('No registered packages matched the requested packages for installation.');
+                return 1;
+            } else {
+                $this->info('No packages registered for mixing.');
+                return 0;
+            }
+        }
+
+        // Load the main package.json for the project
+        $canModifyPackageJson = null;
+        $packageJsonPath = base_path('package.json');
+        $packageJson = [];
+        if (File::exists($packageJsonPath)) {
+            $packageJson = json_decode(File::get($packageJsonPath), true);
+        }
+        $workspacesPackages = $packageJson['workspaces']['packages'] ?? [];
+
+        // Check to see if Laravel Mix is already present as a dependency
+        if (
+            (
+                !isset($packageJson['dependencies']['laravel-mix'])
+                && !isset($packageJson['devDependencies']['laravel-mix'])
+            )
+            && $this->confirm('laravel-mix was not found as a dependency in package.json, would you like to add it?', true)
+        ) {
+            $canModifyPackageJson = true;
+            $packageJson['devDependencies'] = array_merge($packageJson['devDependencies'] ?? [], ['laravel-mix' => $this->defaultMixVersion]);
+        }
+
+        // Process each package
+        foreach ($registeredPackages as $name => $package) {
+            // Detect missing winter.mix.js files and install them
+            if (!File::exists($package['mix'])) {
+                $this->info(
+                    sprintf('No Mix file found for %s, creating one at %s...', $name, $package['mix'])
+                );
+                File::put($package['mix'], File::get(__DIR__ . '/fixtures/winter.mix.js.fixture'));
+            }
+
+            // Add the package path to the instance's package.json->workspaces->packages property if not present
+            if (!in_array($package['path'], $workspacesPackages)) {
+                if (!isset($canModifyPackageJson)) {
+                    if ($this->confirm('package.json will be modified. Continue?', true)) {
+                        $canModifyPackageJson = true;
+                    } else {
+                        $canModifyPackageJson = false;
+                        break;
+                    }
+                }
+
+                $this->info(
+                    sprintf('Adding %s (%s) to the workspaces.packages property in package.json', $name, $package['path'])
+                );
+                $workspacesPackages = array_merge($workspacesPackages, [$package['path']]);
+            }
+        }
+
+        // Modify the package.json file if required
+        if ($canModifyPackageJson) {
+            asort($workspacesPackages);
+            $packageJson['workspaces']['packages'] = array_values($workspacesPackages);
+            File::put($packageJsonPath, json_encode($packageJson, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES));
+
+            // Ensure separation between package.json modification messages and rest of output
+            $this->info('');
+        }
+
+        if ($this->installPackageDeps() !== 0) {
+            $this->error('Unable to install dependencies.');
+        } else {
+            $this->info('Dependencies successfully installed!');
+        }
+
+        return 0;
+    }
+
+    /**
+     * Installs the dependencies for the given package.
+     *
+     * @return int
+     */
+    protected function installPackageDeps()
+    {
+        $command = $this->argument('npmArgs') ?? [];
+        array_unshift($command, 'npm', 'i');
+
+        $process = new Process($command, base_path());
+
+        // Attempt to set tty mode, catch and warn with the exception message if unsupported
+        try {
+            $process->setTty(true);
+        } catch (\Throwable $e) {
+            $this->warn($e->getMessage());
+        }
+
+        try {
+            return $process->run(function ($status, $stdout) {
+                $this->getOutput()->write($stdout);
+            });
+        } catch (ProcessSignaledException $e) {
+            if (extension_loaded('pcntl') && $e->getSignal() !== SIGINT) {
+                throw $e;
+            }
+
+            return 1;
+        }
+
+        $this->info('');
+
+        return $process->getExitCode();
+    }
+
+    /**
+     * Gets the install NPM version.
+     *
+     * @return string
+     */
+    protected function getNpmVersion()
+    {
+        $process = new Process(['npm', '--version']);
+        $process->run();
+        return $process->getOutput();
+    }
+}
diff --git a/modules/system/console/MixList.php b/modules/system/console/MixList.php
new file mode 100644
index 0000000000..c220c2927b
--- /dev/null
+++ b/modules/system/console/MixList.php
@@ -0,0 +1,58 @@
+<?php namespace System\Console;
+
+use File;
+use Illuminate\Console\Command;
+use System\Classes\MixAssets;
+
+class MixList extends Command
+{
+    /**
+     * @var string The console command name.
+     */
+    protected $name = 'mix:list';
+
+    /**
+     * @var string The console command description.
+     */
+    protected $description = 'List all registered Mix packages in this project.';
+
+    public function handle(): int
+    {
+        $this->line('');
+
+        $mixedAssets = MixAssets::instance();
+        $mixedAssets->fireCallbacks();
+
+        $packages = $mixedAssets->getPackages();
+
+        if (count($packages) === 0) {
+            $this->info('No packages have been registered.');
+            return 0;
+        }
+
+        $this->info('Packages registered:');
+        $this->line('');
+
+        $errors = [];
+
+        foreach ($packages as $name => $package) {
+            $this->info($name);
+            $this->line('  Path:           ' . $package['path']);
+            $this->line('  Configuration:  ' . $package['mix']);
+
+            if (!File::exists($package['mix'])) {
+                $errors[] = "The mix file for $name doesn't exist, try running artisan mix:install";
+            }
+        }
+
+        $this->line('');
+
+        if (!empty($errors)) {
+            foreach ($errors as $error) {
+                $this->error($error);
+            }
+        }
+
+        return 0;
+    }
+}
diff --git a/modules/system/console/MixWatch.php b/modules/system/console/MixWatch.php
new file mode 100644
index 0000000000..01399350fc
--- /dev/null
+++ b/modules/system/console/MixWatch.php
@@ -0,0 +1,95 @@
+<?php namespace System\Console;
+
+use File;
+use System\Classes\MixAssets;
+
+class MixWatch extends MixCompile
+{
+    /**
+     * @var string The console command name.
+     */
+    protected $name = 'mix:watch';
+
+    /**
+     * @var string The console command description.
+     */
+    protected $description = 'Mix and compile assets on-the-fly as changes are made.';
+
+    /**
+     * The name and signature of the console command.
+     *
+     * @var string
+     */
+    protected $signature = 'mix:watch
+        {package : Defines the package to watch for changes}
+        {webpackArgs?* : Arguments to pass through to the Webpack CLI}
+        {--f|production : Runs compilation in "production" mode}';
+
+    public function handle(): int
+    {
+        $mixedAssets = MixAssets::instance();
+        $mixedAssets->fireCallbacks();
+
+        $packages = $mixedAssets->getPackages();
+        $name = $this->argument('package');
+
+        if (!in_array($name, array_keys($packages))) {
+            $this->error(
+                sprintf('Package "%s" is not a registered package.', $name)
+            );
+            return 1;
+        }
+
+        $package = $packages[$name];
+
+        $relativeMixJsPath = $package['mix'];
+        if (!$this->canCompilePackage($relativeMixJsPath)) {
+            $this->error(
+                sprintf('Unable to watch "%s", %s was not found in the package.json\'s workspaces.packages property. Try running mix:install first.', $name, $packagePath)
+            );
+            return 1;
+        }
+
+        $this->info(
+            sprintf('Watching package "%s" for changes', $name)
+        );
+        if ($this->mixPackage(base_path($relativeMixJsPath)) !== 0) {
+            $this->error(
+                sprintf('Unable to compile package "%s"', $name)
+            );
+            return 1;
+        }
+
+        return 0;
+    }
+
+    /**
+     * Create the command array to create a Process object with
+     */
+    protected function createCommand(string $mixJsPath): array
+    {
+        $command = parent::createCommand($mixJsPath);
+
+        // @TODO: Detect Homestead running on Windows to switch to watch-poll-options instead, see https://laravel-mix.com/docs/6.0/cli#polling
+        $command[] = '--watch';
+
+        return $command;
+    }
+
+    /**
+     * Create the temporary mix.webpack.js config file to run webpack with
+     */
+    protected function createWebpackConfig(string $mixJsPath): void
+    {
+        $basePath = base_path();
+        $fixture = File::get(__DIR__ . '/fixtures/mix.webpack.js.fixture');
+
+        $config = str_replace(
+            ['%base%', '%notificationInject%', '%mixConfigPath%', '%pluginsPath%', '%appPath%'],
+            [$basePath, 'mix._api.disableNotifications();', $mixJsPath, plugins_path(), base_path()],
+            $fixture
+        );
+
+        File::put($this->getWebpackJsPath($mixJsPath), $config);
+    }
+}
diff --git a/modules/system/console/fixtures/mix.webpack.js.fixture b/modules/system/console/fixtures/mix.webpack.js.fixture
new file mode 100644
index 0000000000..61b93de30e
--- /dev/null
+++ b/modules/system/console/fixtures/mix.webpack.js.fixture
@@ -0,0 +1,74 @@
+const basePath = '%base%';
+const { assertSupportedNodeVersion } = require(basePath + '/node_modules/laravel-mix/src/Engine');
+
+module.exports = async () => {
+    assertSupportedNodeVersion();
+
+    const mix = require(basePath + '/node_modules/laravel-mix/src/Mix').primary;
+
+    // disable manifest
+    mix.manifest.refresh = _ => void 0
+
+    mix.listen('init', function (mix) {
+        // Setup Winter path aliases
+        mix._api.alias({
+            '$': '%pluginsPath%',
+            '~': '%appPath%',
+        });
+        // disable notifications if not in watch
+        %notificationInject%
+        // define options
+        mix._api.options({
+            processCssUrls: false,
+            clearConsole: false,
+            cssNano: {
+                discardComments: {removeAll: true},
+            }
+        });
+        // enable source maps for dev builds
+        if (!mix._api.inProduction()) {
+            mix._api.webpackConfig({
+                devtool: 'inline-source-map'
+            });
+            mix._api.sourceMaps();
+        }
+    });
+
+    // override default mix output
+    mix.listen("loading-plugins", function (plugins) {
+        plugins.forEach(function (plugin, index) {
+            if (plugin.constructor.name === "BuildOutputPlugin") {
+                plugins[index].apply = function (compiler) {
+                    compiler.hooks.done.tap('BuildOutputPlugin', stats => {
+                        if (stats.hasErrors()) {
+                            return false;
+                        }
+
+                        if (this.options.clearConsole) {
+                            this.clearConsole();
+                        }
+
+                        let data = stats.toJson({
+                            assets: true,
+                            builtAt: true,
+                            hash: true,
+                            performance: true,
+                            relatedAssets: this.options.showRelated
+                        });
+
+                        if (data.assets.length) {
+                            console.log(this.statsTable(data));
+                        }
+                    });
+               };
+            }
+        });
+    });
+
+    require('%mixConfigPath%');
+
+    await mix.installDependencies();
+    await mix.init();
+
+    return mix.build();
+};
diff --git a/modules/system/console/fixtures/winter.mix.js.fixture b/modules/system/console/fixtures/winter.mix.js.fixture
new file mode 100644
index 0000000000..6d63c799d3
--- /dev/null
+++ b/modules/system/console/fixtures/winter.mix.js.fixture
@@ -0,0 +1,4 @@
+const mix = require('laravel-mix');
+mix.setPublicPath(__dirname + '/assets');
+
+// Your mix configuration below
\ No newline at end of file
diff --git a/package.json b/package.json
deleted file mode 100644
index 139bf5a51e..0000000000
--- a/package.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "name": "wintercms",
-  "description": "Free, open-source, self-hosted CMS platform based on the Laravel PHP Framework. Originally known as October CMS.",
-  "directories": {
-    "test": "tests/js/cases",
-    "helpers": "tests/js/helpers"
-  },
-  "scripts": {
-    "test": "mocha --require @babel/register tests/js/cases/**/*.js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/wintercms/winter.git"
-  },
-  "contributors": [
-    {
-      "name": "Alexey Bobkov",
-      "email": "aleksey.bobkov@gmail.com"
-    },
-    {
-      "name": "Samuel Georges",
-      "email": "daftspunky@gmail.com"
-    },
-    {
-      "name": "Luke Towers",
-      "email": "wintercms@luketowers.ca"
-    }
-  ],
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/wintercms/winter/issues"
-  },
-  "homepage": "https://wintercms.com/",
-  "devDependencies": {
-    "@babel/cli": "^7.5.5",
-    "@babel/core": "^7.5.5",
-    "@babel/node": "^7.5.5",
-    "@babel/preset-env": "^7.5.5",
-    "@babel/register": "^7.5.5",
-    "babel-plugin-module-resolver": "^3.2.0",
-    "chai": "^4.2.0",
-    "jquery": "^3.4.1",
-    "jsdom": "^15.1.1",
-    "mocha": "^6.2.0",
-    "sinon": "^7.4.1"
-  }
-}
diff --git a/plugins/winter/demo/components/Todo.php b/plugins/winter/demo/components/Todo.php
index fd5bbfed18..4cc7dc3bc6 100644
--- a/plugins/winter/demo/components/Todo.php
+++ b/plugins/winter/demo/components/Todo.php
@@ -1,7 +1,8 @@
 <?php namespace Winter\Demo\Components;
 
-use Cms\Classes\ComponentBase;
+use Flash;
 use ApplicationException;
+use Cms\Classes\ComponentBase;
 
 class Todo extends ComponentBase
 {
@@ -36,10 +37,14 @@ public function onAddItem()
             throw new ApplicationException(sprintf('Sorry only %s items are allowed.', $this->property('max')));
         }
 
-        if (($newItem = post('newItem')) != '') {
-            $items[] = $newItem;
+        $newItem = post('newItem');
+        if (empty($newItem)) {
+            Flash::error('You must specify an item to add to the To Do List.');
+            return;
         }
 
+        $items[] = $newItem;
+
         $this->page['items'] = $items;
     }
 }
diff --git a/.babelrc b/tests/js/.babelrc
similarity index 55%
rename from .babelrc
rename to tests/js/.babelrc
index 71464e1867..334d426ce9 100644
--- a/.babelrc
+++ b/tests/js/.babelrc
@@ -1,11 +1,14 @@
 {
-    "presets": ["@babel/preset-env"],
+    "presets": [
+        "@babel/preset-env"
+    ],
     "plugins": [
+        "@babel/plugin-transform-runtime",
         [
             "module-resolver", {
                 "root": ["."],
                 "alias": {
-                    "helpers": "./tests/js/helpers"
+                    "helpers": "./helpers"
                 }
             }
         ]
diff --git a/tests/js/.gitignore b/tests/js/.gitignore
new file mode 100644
index 0000000000..7f9265d1a6
--- /dev/null
+++ b/tests/js/.gitignore
@@ -0,0 +1,3 @@
+# Ignore packages
+package-lock.json
+node_modules
diff --git a/tests/js/README.md b/tests/js/README.md
new file mode 100644
index 0000000000..7903252577
--- /dev/null
+++ b/tests/js/README.md
@@ -0,0 +1,32 @@
+# Snowboard Framework Testing Suite
+
+The files in this directory form the testing suite for the new Winter JavaScript framework - Snowboard. You must install
+all Node dependencies in order to run the testing suite:
+
+```bash
+cd tests/js
+npm install
+```
+
+You can then run the tests by using the following command:
+
+```bash
+npm run test
+```
+
+Please note that the tests are run against the "built" versions of Snowboard and its plugins, in order to test
+the exact same functionality that would be delivered to the end user. We do this by leveraging the `JSDOM` library to
+simulate an entire HTML document.
+
+Therefore, you must compile a new build if you make any changes and wish to run the tests:
+
+```bash
+php artisan mix:compile --package snowboard
+```
+
+You can also watch the framework for any changes, which will automatically run a build after a change is made. This will
+make development and testing in parallel much quicker:
+
+```bash
+php artisan mix:watch snowboard
+```
diff --git a/tests/js/cases/snowboard/ajax/Request.test.js b/tests/js/cases/snowboard/ajax/Request.test.js
new file mode 100644
index 0000000000..ff2dec1265
--- /dev/null
+++ b/tests/js/cases/snowboard/ajax/Request.test.js
@@ -0,0 +1,584 @@
+import FakeDom from '../../../helpers/FakeDom';
+
+jest.setTimeout(2000);
+
+describe('Request AJAX library', function () {
+    it('can be setup via a global event', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    dom.window.Snowboard.getPlugin('request').mock('doAjax', (instance) => {
+                        // Simulate success response
+                        const resolved = Promise.resolve({
+                            success: true
+                        });
+
+                        // Mock events
+                        instance.snowboard.globalEvent('ajaxStart', instance, resolved);
+
+                        if (instance.element) {
+                            const event = new dom.window.Event('ajaxPromise');
+                            event.promise = resolved;
+                            instance.element.dispatchEvent(event);
+                        }
+
+                        return resolved;
+                    });
+
+                    // Listen to global event
+                    dom.window.Snowboard.addPlugin('testListener', class TestListener extends dom.window.Snowboard.Singleton {
+                        listens() {
+                            return {
+                                ajaxSetup: 'ajaxSetup',
+                            };
+                        }
+
+                        ajaxSetup(instance) {
+                            instance.handler = 'onChanged';
+                        }
+                    });
+
+                    dom.window.Snowboard.request(undefined, 'onTest', {
+                        complete: (data, instance) => {
+                            expect(instance.handler).toEqual('onChanged');
+                            done();
+                        }
+                    });
+                }
+            );
+    });
+
+    it('can be cancelled on setup via a global event', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    dom.window.Snowboard.getPlugin('request').mock('doAjax', (instance) => {
+                        // Simulate success response
+                        const resolved = Promise.resolve({
+                            success: true
+                        });
+
+                        // Mock events
+                        instance.snowboard.globalEvent('ajaxStart', instance, resolved);
+
+                        if (instance.element) {
+                            const event = new dom.window.Event('ajaxPromise');
+                            event.promise = resolved;
+                            instance.element.dispatchEvent(event);
+                        }
+
+                        return resolved;
+                    });
+
+                    // Listen to global event
+                    dom.window.Snowboard.addPlugin('testListener', class TestListener extends dom.window.Snowboard.Singleton {
+                        listens() {
+                            return {
+                                ajaxSetup: 'ajaxSetup',
+                            };
+                        }
+
+                        ajaxSetup() {
+                            // Should cancel
+                            return false;
+                        }
+                    });
+
+                    const instance = dom.window.Snowboard.request(undefined, 'onTest', {
+                        complete: (data, instance) => {
+                            done(new Error('Request did not cancel'));
+                        }
+                    });
+                    expect(instance.cancelled).toEqual(true);
+                    done();
+                }
+            );
+    });
+
+    it('can be setup via a listener on the HTML element', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render('<button id="testElement">Test</button>')
+            .then(
+                (dom) => {
+                    dom.window.Snowboard.getPlugin('request').mock('doAjax', (instance) => {
+                        // Simulate success response
+                        const resolved = Promise.resolve({
+                            success: true
+                        });
+
+                        // Mock events
+                        instance.snowboard.globalEvent('ajaxStart', instance, resolved);
+
+                        if (instance.element) {
+                            const event = new dom.window.Event('ajaxPromise');
+                            event.promise = resolved;
+                            instance.element.dispatchEvent(event);
+                        }
+
+                        return resolved;
+                    });
+
+                    // Listen to HTML element event
+                    const element = dom.window.document.getElementById('testElement');
+                    element.addEventListener('ajaxSetup', (event) => {
+                        expect(event.request).toBeDefined();
+                        event.request.handler = 'onChanged';
+                    });
+
+
+                    dom.window.Snowboard.request(element, 'onTest', {
+                        complete: (data, instance) => {
+                            expect(instance.handler).toEqual('onChanged');
+                            done();
+                        }
+                    });
+                }
+            );
+    });
+
+    it('can be cancelled on setup via a listener on the HTML element', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render('<button id="testElement">Test</button>')
+            .then(
+                (dom) => {
+                    dom.window.Snowboard.getPlugin('request').mock('doAjax', (instance) => {
+                        // Simulate success response
+                        const resolved = Promise.resolve({
+                            success: true
+                        });
+
+                        // Mock events
+                        instance.snowboard.globalEvent('ajaxStart', instance, resolved);
+
+                        if (instance.element) {
+                            const event = new dom.window.Event('ajaxPromise');
+                            event.promise = resolved;
+                            instance.element.dispatchEvent(event);
+                        }
+
+                        return resolved;
+                    });
+
+                    // Listen to HTML element event
+                    const element = dom.window.document.getElementById('testElement');
+                    element.addEventListener('ajaxSetup', (event) => {
+                        event.preventDefault();
+                    });
+
+                    const instance = dom.window.Snowboard.request(element, 'onTest', {
+                        complete: (data, instance) => {
+                            done(new Error('Request did not cancel'));
+                        }
+                    });
+                    expect(instance.cancelled).toEqual(true);
+                    done();
+                }
+            );
+    });
+
+    it('can do a request and listen for completion', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    dom.window.Snowboard.getPlugin('request').mock('doAjax', (instance) => {
+                        // Simulate success response
+                        const resolved = Promise.resolve({
+                            success: true
+                        });
+
+                        // Mock events
+                        instance.snowboard.globalEvent('ajaxStart', instance, resolved);
+
+                        if (instance.element) {
+                            const event = new Event('ajaxPromise');
+                            event.promise = resolved;
+                            instance.element.dispatchEvent(event);
+                        }
+
+                        return resolved;
+                    });
+
+                    dom.window.Snowboard.request(undefined, 'onTest', {
+                        complete: (data, instance) => {
+                            expect(data).toEqual({
+                                success: true,
+                            });
+                            expect(instance.responseData).toEqual({
+                                success: true,
+                            });
+                            expect(instance.responseError).toEqual(null);
+
+                            done();
+                            return false;
+                        }
+                    });
+                }
+            );
+    });
+
+    it('can do a request and listen for completion via a global event', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    dom.window.Snowboard.getPlugin('request').mock('doAjax', (instance) => {
+                        // Simulate success response
+                        const resolved = Promise.resolve({
+                            success: true
+                        });
+
+                        // Mock events
+                        instance.snowboard.globalEvent('ajaxStart', instance, resolved);
+
+                        if (instance.element) {
+                            const event = new Event('ajaxPromise');
+                            event.promise = resolved;
+                            instance.element.dispatchEvent(event);
+                        }
+
+                        return resolved;
+                    });
+
+                    // Listen to global event
+                    dom.window.Snowboard.addPlugin('testListener', class TestListener extends dom.window.Snowboard.Singleton {
+                        listens() {
+                            return {
+                                ajaxDone: 'ajaxDone',
+                            };
+                        }
+
+                        ajaxDone(data, instance) {
+                            expect(data).toEqual({
+                                success: true,
+                            });
+                            expect(instance.responseData).toEqual({
+                                success: true,
+                            });
+                            expect(instance.responseError).toEqual(null);
+
+                            done();
+                        }
+                    });
+
+                    dom.window.Snowboard.request(undefined, 'onTest');
+                }
+            );
+    });
+
+    it('can do a request and listen for completion via a listener on the HTML element', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render('<button id="testElement">Test</button>')
+            .then(
+                (dom) => {
+                    dom.window.Snowboard.getPlugin('request').mock('doAjax', (instance) => {
+                        // Simulate success response
+                        const resolved = Promise.resolve({
+                            success: true
+                        });
+
+                        // Mock events
+                        instance.snowboard.globalEvent('ajaxStart', instance, resolved);
+
+                        if (instance.element) {
+                            const event = new dom.window.Event('ajaxPromise');
+                            event.promise = resolved;
+                            instance.element.dispatchEvent(event);
+                        }
+
+                        return resolved;
+                    });
+
+                    // Listen to HTML element event
+                    const element = dom.window.document.getElementById('testElement');
+                    element.addEventListener('ajaxAlways', (event) => {
+                        expect(event.request).toBeDefined();
+                        expect(event.responseData).toEqual({
+                            success: true
+                        });
+                        expect(event.responseError).toEqual(null);
+                        done();
+                    });
+
+                    dom.window.Snowboard.request(element, 'onTest');
+                }
+            );
+    });
+
+    it('can do a request and listen for success', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    dom.window.Snowboard.getPlugin('request').mock('doAjax', (instance) => {
+                        // Simulate success response
+                        const resolved = Promise.resolve({
+                            success: true
+                        });
+
+                        // Mock events
+                        instance.snowboard.globalEvent('ajaxStart', instance, resolved);
+
+                        if (instance.element) {
+                            const event = new Event('ajaxPromise');
+                            event.promise = resolved;
+                            instance.element.dispatchEvent(event);
+                        }
+
+                        return resolved;
+                    });
+
+                    dom.window.Snowboard.request(undefined, 'onTest', {
+                        success: (data, instance) => {
+                            expect(data).toEqual({
+                                success: true,
+                            });
+                            expect(instance.responseData).toEqual({
+                                success: true,
+                            });
+                            expect(instance.responseError).toEqual(null);
+
+                            done();
+                            return false;
+                        }
+                    });
+                }
+            );
+    });
+
+    it('can do a request and listen for success via a global event', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    dom.window.Snowboard.getPlugin('request').mock('doAjax', (instance) => {
+                        // Simulate success response
+                        const resolved = Promise.resolve({
+                            success: true
+                        });
+
+                        // Mock events
+                        instance.snowboard.globalEvent('ajaxStart', instance, resolved);
+
+                        if (instance.element) {
+                            const event = new Event('ajaxPromise');
+                            event.promise = resolved;
+                            instance.element.dispatchEvent(event);
+                        }
+
+                        return resolved;
+                    });
+
+                    // Listen to global event
+                    dom.window.Snowboard.addPlugin('testListener', class TestListener extends dom.window.Snowboard.Singleton {
+                        listens() {
+                            return {
+                                ajaxSuccess: 'ajaxSuccess',
+                            };
+                        }
+
+                        ajaxSuccess(data, instance) {
+                            expect(data).toEqual({
+                                success: true,
+                            })
+                            expect(instance.responseData).toEqual({
+                                success: true,
+                            });
+                            expect(instance.responseError).toEqual(null);
+
+                            done();
+                        }
+                    });
+
+                    dom.window.Snowboard.request(undefined, 'onTest');
+                }
+            );
+    });
+
+    it('can do a request and listen for failure', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    dom.window.Snowboard.getPlugin('request').mock('doAjax', (instance) => {
+                        // Simulate error response
+                        const resolved = Promise.reject('This is an error');
+
+                        // Mock events
+                        instance.snowboard.globalEvent('ajaxStart', instance, resolved);
+
+                        if (instance.element) {
+                            const event = new Event('ajaxPromise');
+                            event.promise = resolved;
+                            instance.element.dispatchEvent(event);
+                        }
+
+                        return resolved;
+                    });
+
+                    dom.window.Snowboard.request(undefined, 'onTest', {
+                        error: (data, instance) => {
+                            expect(data).toEqual('This is an error');
+                            expect(instance.responseData).toEqual(null);
+                            expect(instance.responseError).toEqual('This is an error');
+
+                            done();
+                            return false;
+                        }
+                    });
+                }
+            );
+    });
+
+    it('can do a request and listen for failure via global event', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    dom.window.Snowboard.getPlugin('request').mock('doAjax', (instance) => {
+                        // Simulate error response
+                        const resolved = Promise.reject('This is an error');
+
+                        // Mock events
+                        instance.snowboard.globalEvent('ajaxStart', instance, resolved);
+
+                        if (instance.element) {
+                            const event = new Event('ajaxPromise');
+                            event.promise = resolved;
+                            instance.element.dispatchEvent(event);
+                        }
+
+                        return resolved;
+                    });
+
+                    // Listen to global event
+                    dom.window.Snowboard.addPlugin('testListener', class TestListener extends dom.window.Snowboard.Singleton {
+                        listens() {
+                            return {
+                                ajaxError: 'ajaxError',
+                            };
+                        }
+
+                        ajaxError(data, instance) {
+                            expect(data).toEqual('This is an error')
+                            expect(instance.responseData).toEqual(null);
+                            expect(instance.responseError).toEqual('This is an error');
+
+                            done();
+                        }
+                    });
+
+                    dom.window.Snowboard.request(undefined, 'onTest');
+                }
+            );
+    });
+
+    it('requires a valid HTML element if provided', function () {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    expect(() => {
+                        const docFragment = dom.window.document.createDocumentFragment();
+                        dom.window.Snowboard.request(docFragment, 'onTest');
+                    }).toThrow('The element provided must be an Element instance');
+                }
+            );
+    });
+
+    it('requires a handler to be specified', function () {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    expect(() => {
+                        dom.window.Snowboard.request(undefined, undefined);
+                    }).toThrow('The AJAX handler name is not specified');
+                }
+            );
+    });
+
+    it('requires a handler to be of the correct format', function () {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'modules/system/assets/js/snowboard/build/snowboard.request.js'
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    expect(() => {
+                        dom.window.Snowboard.request(undefined, 'notRight');
+                    }).toThrow('Invalid AJAX handler name');
+                }
+            );
+    });
+});
diff --git a/tests/js/cases/snowboard/main/PluginLoader.test.js b/tests/js/cases/snowboard/main/PluginLoader.test.js
new file mode 100644
index 0000000000..87bf90fe47
--- /dev/null
+++ b/tests/js/cases/snowboard/main/PluginLoader.test.js
@@ -0,0 +1,33 @@
+import FakeDom from '../../../helpers/FakeDom';
+
+describe('PluginLoader class', function () {
+    it('can mock plugin methods', function (done) {
+        FakeDom
+            .new()
+            .addScript('modules/system/assets/js/snowboard/build/snowboard.base.js')
+            .render()
+            .then(
+                (dom) => {
+                    dom.window.Snowboard.getPlugin('sanitizer').mock('sanitize', () => {
+                        return 'all good';
+                    });
+
+                    expect(
+                        dom.window.Snowboard.sanitizer().sanitize('<p onload="derp;"></p>')
+                    ).toEqual('all good');
+
+                    // Test unmock
+                    dom.window.Snowboard.getPlugin('sanitizer').unmock('sanitize');
+
+                    expect(
+                        dom.window.Snowboard.sanitizer().sanitize('<p onload="derp;"></p>')
+                    ).toEqual('<p></p>');
+
+                    done();
+                },
+                (error) => {
+                    done(error);
+                }
+            );
+    });
+});
diff --git a/tests/js/cases/snowboard/main/Snowboard.test.js b/tests/js/cases/snowboard/main/Snowboard.test.js
new file mode 100644
index 0000000000..efe072d42c
--- /dev/null
+++ b/tests/js/cases/snowboard/main/Snowboard.test.js
@@ -0,0 +1,260 @@
+import FakeDom from '../../../helpers/FakeDom';
+
+describe('Snowboard framework', function () {
+    it('initialises correctly', function (done) {
+        FakeDom
+            .new()
+            .addScript('modules/system/assets/js/snowboard/build/snowboard.base.js')
+            .render()
+            .then(
+                (dom) => {
+                    // Run assertions
+                    try {
+                        expect(dom.window.Snowboard).toBeDefined();
+                        expect(dom.window.Snowboard.addPlugin).toBeDefined();
+                        expect(dom.window.Snowboard.addPlugin).toEqual(expect.any(Function));
+
+                        // Check PluginBase and Singleton abstracts exist
+                        expect(dom.window.Snowboard.PluginBase).toBeDefined();
+                        expect(dom.window.Snowboard.Singleton).toBeDefined();
+
+                        // Check in-built plugins
+                        expect(dom.window.Snowboard.getPluginNames()).toEqual(
+                            expect.arrayContaining(['jsonparser', 'sanitizer'])
+                        );
+                        expect(dom.window.Snowboard.getPlugin('jsonparser').isFunction()).toEqual(false);
+                        expect(dom.window.Snowboard.getPlugin('jsonparser').isSingleton()).toEqual(true);
+                        expect(dom.window.Snowboard.getPlugin('sanitizer').isFunction()).toEqual(false);
+                        expect(dom.window.Snowboard.getPlugin('sanitizer').isSingleton()).toEqual(true);
+
+                        done();
+                    } catch (error) {
+                        done(error);
+                    }
+                },
+                (error) => {
+                    throw error;
+                }
+            );
+    });
+
+    it('can add and remove a plugin', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'tests/js/fixtures/framework/TestPlugin.js',
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    // Run assertions
+                    const Snowboard = dom.window.Snowboard;
+
+                    try {
+                        // Check plugin caller
+                        expect(Snowboard.hasPlugin('test')).toBe(true);
+                        expect(Snowboard.getPluginNames()).toEqual(
+                            expect.arrayContaining(['jsonparser', 'sanitizer', 'test'])
+                        );
+                        expect(Snowboard.test).toEqual(expect.any(Function));
+
+                        const instance = Snowboard.test();
+
+                        // Check plugin injected methods
+                        expect(instance.snowboard).toBe(Snowboard);
+                        expect(instance.destructor).toEqual(expect.any(Function));
+
+                        // Check plugin method
+                        expect(instance.testMethod).toBeDefined();
+                        expect(instance.testMethod).toEqual(expect.any(Function));
+                        expect(instance.testMethod()).toEqual('Tested');
+
+                        // Check multiple instances
+                        const instanceOne = Snowboard.test();
+                        instanceOne.changed = true;
+                        const instanceTwo = Snowboard.test();
+                        expect(instanceOne).not.toEqual(instanceTwo);
+                        const factory = Snowboard.getPlugin('test');
+                        expect(factory.getInstances()).toEqual([instance, instanceOne, instanceTwo]);
+
+                        // Remove plugin
+                        Snowboard.removePlugin('test');
+                        expect(Snowboard.hasPlugin('test')).toEqual(false);
+                        expect(dom.window.Snowboard.getPluginNames()).toEqual(
+                            expect.arrayContaining(['jsonparser', 'sanitizer'])
+                        );
+                        expect(Snowboard.test).not.toBeDefined();
+
+                        done();
+                    } catch (error) {
+                        done(error);
+                    }
+                },
+                (error) => {
+                    throw error;
+                }
+            );
+    });
+
+    it('can add and remove a singleton', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'tests/js/fixtures/framework/TestSingleton.js',
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    // Run assertions
+                    const Snowboard = dom.window.Snowboard;
+
+                    try {
+                         // Check plugin caller
+                        expect(Snowboard.hasPlugin('test')).toBe(true);
+                        expect(Snowboard.getPluginNames()).toEqual(
+                            expect.arrayContaining(['jsonparser', 'sanitizer', 'test'])
+                        );
+                        expect(Snowboard.test).toEqual(expect.any(Function));
+
+                        const instance = Snowboard.test();
+
+                        // Check plugin injected methods
+                        expect(instance.snowboard).toBe(Snowboard);
+                        expect(instance.destructor).toEqual(expect.any(Function));
+
+                        // Check plugin method
+                        expect(instance.testMethod).toBeDefined();
+                        expect(instance.testMethod).toEqual(expect.any(Function));
+                        expect(instance.testMethod()).toEqual('Tested');
+
+                        // Check multiple instances  (these should all be the same as this instance is a singleton)
+                        const instanceOne = Snowboard.test();
+                        instanceOne.changed = true;
+                        const instanceTwo = Snowboard.test();
+                        expect(instanceOne).toEqual(instanceTwo);
+                        const factory = Snowboard.getPlugin('test');
+                        expect(factory.getInstances()).toEqual([instance]);
+
+                        // Remove plugin
+                        Snowboard.removePlugin('test');
+                        expect(Snowboard.hasPlugin('test')).toEqual(false);
+                        expect(dom.window.Snowboard.getPluginNames()).toEqual(
+                            expect.arrayContaining([ 'jsonparser', 'sanitizer'])
+                        );
+                        expect(Snowboard.test).not.toBeDefined();
+
+                        done();
+                    } catch (error) {
+                        done(error);
+                    }
+                },
+                (error) => {
+                    throw error;
+                }
+            );
+    });
+
+    it('can listen and call global events', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'tests/js/fixtures/framework/TestListener.js',
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    // Run assertions
+                    const Snowboard = dom.window.Snowboard;
+
+                    try {
+                        expect(Snowboard.listensToEvent('eventOne')).toEqual(['test']);
+                        expect(Snowboard.listensToEvent('eventTwo')).toEqual(['test']);
+                        expect(Snowboard.listensToEvent('eventThree')).toEqual([]);
+
+                        // Call global event one
+                        const testClass = Snowboard.test();
+                        Snowboard.globalEvent('eventOne', 42);
+                        expect(testClass.eventResult).toEqual('Event called with arg 42');
+
+                        // Call global event two - should fail as the test plugin doesn't have that method
+                        expect(() => {
+                            Snowboard.globalEvent('eventTwo');
+                        }).toThrow('Missing "notExists" method in "test" plugin');
+
+                        // Call global event three - nothing should happen
+                        expect(() => {
+                            Snowboard.globalEvent('eventThree');
+                        }).not.toThrow();
+
+                        done();
+                    } catch (error) {
+                        done(error);
+                    }
+                },
+                (error) => {
+                    throw error;
+                }
+            );
+    });
+
+    it('can listen and call global promise events', function (done) {
+        FakeDom
+            .new()
+            .addScript([
+                'modules/system/assets/js/snowboard/build/snowboard.base.js',
+                'tests/js/fixtures/framework/TestPromiseListener.js',
+            ])
+            .render()
+            .then(
+                (dom) => {
+                    // Run assertions
+                    const Snowboard = dom.window.Snowboard;
+
+                    try {
+                        expect(Snowboard.listensToEvent('promiseOne')).toEqual(['test']);
+                        expect(Snowboard.listensToEvent('promiseTwo')).toEqual(['test']);
+                        expect(Snowboard.listensToEvent('promiseThree')).toEqual([]);
+
+                        // Call global event one
+                        const testClass = Snowboard.test();
+                        Snowboard.globalPromiseEvent('promiseOne', 'promise').then(
+                            () => {
+                                expect(testClass.eventResult).toEqual('Event called with arg promise');
+
+                                // Call global event two - it should still work, even though it doesn't return a promise
+                                Snowboard.globalPromiseEvent('promiseTwo', 'promise 2').then(
+                                    () => {
+                                        expect(testClass.eventResult).toEqual('Promise two called with arg promise 2');
+
+                                        // Call global event three - it should still work
+                                        Snowboard.globalPromiseEvent('promiseThree', 'promise 3').then(
+                                            () => {
+                                                done();
+                                            },
+                                            (error) => {
+                                                done(error);
+                                            }
+                                        );
+                                    },
+                                    (error) => {
+                                        done(error);
+                                    }
+                                );
+                            },
+                            (error) => {
+                                done(error);
+                            }
+                        );
+                    } catch (error) {
+                        done(error);
+                    }
+                },
+                (error) => {
+                    throw error;
+                }
+            );
+    });
+});
diff --git a/tests/js/cases/system/framework.test.js b/tests/js/cases/system/framework.test.js
deleted file mode 100644
index 3e4f59cd6d..0000000000
--- a/tests/js/cases/system/framework.test.js
+++ /dev/null
@@ -1,673 +0,0 @@
-import { assert } from 'chai'
-import fakeDom from 'helpers/fakeDom'
-import sinon from 'sinon'
-
-describe('modules/system/assets/js/framework.js', function () {
-    describe('ajaxRequests through JS', function () {
-        let dom,
-            window,
-            xhr,
-            requests = []
-
-        this.timeout(1000)
-
-        beforeEach(() => {
-            // Load framework.js in the fake DOM
-            dom = fakeDom(
-                '<div id="partialId" class="partialClass">Initial content</div>' +
-                '<script src="file://./node_modules/jquery/dist/jquery.js" id="jqueryScript"></script>' +
-                '<script src="file://./modules/system/assets/js/framework.js" id="frameworkScript"></script>',
-                {
-                    beforeParse: (window) => {
-                        // Mock XHR for tests below
-                        xhr = sinon.useFakeXMLHttpRequest()
-                        xhr.onCreate = (request) => {
-                            requests.push(request)
-                        }
-                        window.XMLHttpRequest = xhr
-
-                        // Allow window.location.assign() to be stubbed
-                        delete window.location
-                        window.location = {
-                            href: 'https://winter.example.org/',
-                            assign: sinon.stub()
-                        }
-                    }
-                }
-            )
-            window = dom.window
-
-            // Enable CORS on jQuery
-            window.jqueryScript.onload = () => {
-                window.jQuery.support.cors = true
-            }
-        })
-
-        afterEach(() => {
-            // Close window and restore XHR functionality to default
-            window.XMLHttpRequest = sinon.xhr.XMLHttpRequest
-            window.close()
-            requests = []
-        })
-
-        it('can make a successful AJAX request', function (done) {
-            window.frameworkScript.onload = () => {
-                window.$.request('test::onTest', {
-                    success: function () {
-                        done()
-                    },
-                    error: function () {
-                        done(new Error('AJAX call failed'))
-                    }
-                })
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a successful response from the server
-                requests[1].respond(
-                    200,
-                    {
-                        'Content-Type': 'application/json'
-                    },
-                    JSON.stringify({
-                        'successful': true
-                    })
-                )
-            }
-        })
-
-        it('can make an unsuccessful AJAX request', function (done) {
-            window.frameworkScript.onload = () => {
-                window.$.request('test::onTest', {
-                    success: function () {
-                        done(new Error('AJAX call succeeded'))
-                    },
-                    error: function () {
-                        done()
-                    }
-                })
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a 404 Not Found response from the server
-                requests[1].respond(
-                    404,
-                    {
-                        'Content-Type': 'text/html'
-                    },
-                    ''
-                )
-            }
-        })
-
-        it('can update a partial via an ID selector', function (done) {
-            window.frameworkScript.onload = () => {
-                window.$.request('test::onTest', {
-                    complete: function () {
-                        let partialContent = dom.window.document.getElementById('partialId').textContent
-                        try {
-                            assert(
-                                partialContent === 'Content passed through AJAX',
-                                'Partial content incorrect - ' +
-                                'expected "Content passed through AJAX", ' +
-                                'found "' + partialContent + '"'
-                            )
-                            done()
-                        } catch (e) {
-                            done(e)
-                        }
-                    }
-                })
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a response from the server that includes a partial change via ID
-                requests[1].respond(
-                    200,
-                    {
-                        'Content-Type': 'application/json'
-                    },
-                    JSON.stringify({
-                        '#partialId': 'Content passed through AJAX'
-                    })
-                )
-            }
-        })
-
-        it('can update a partial via a class selector', function (done) {
-            window.frameworkScript.onload = () => {
-                window.$.request('test::onTest', {
-                    complete: function () {
-                        let partialContent = dom.window.document.getElementById('partialId').textContent
-                        try {
-                            assert(
-                                partialContent === 'Content passed through AJAX',
-                                'Partial content incorrect - ' +
-                                'expected "Content passed through AJAX", ' +
-                                'found "' + partialContent + '"'
-                            )
-                            done()
-                        } catch (e) {
-                            done(e)
-                        }
-                    }
-                })
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a response from the server that includes a partial change via a class
-                requests[1].respond(
-                    200,
-                    {
-                        'Content-Type': 'application/json'
-                    },
-                    JSON.stringify({
-                        '.partialClass': 'Content passed through AJAX'
-                    })
-                )
-            }
-        })
-
-        it('can redirect after a successful AJAX request', function (done) {
-            this.timeout(1000)
-
-            // Detect a redirect
-            window.location.assign.callsFake((url) => {
-                try {
-                    assert(
-                        url === '/test/success',
-                        'Non-matching redirect URL'
-                    )
-                    done()
-                } catch (e) {
-                    done(e)
-                }
-            })
-
-            window.frameworkScript.onload = () => {
-                window.$.request('test::onTest', {
-                    redirect: '/test/success',
-                })
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a successful response from the server
-                requests[1].respond(
-                    200,
-                    {
-                        'Content-Type': 'application/json'
-                    },
-                    JSON.stringify({
-                        'successful': true
-                    })
-                )
-            }
-        })
-
-        it('can send extra data with the AJAX request', function (done) {
-            this.timeout(1000)
-
-            window.frameworkScript.onload = () => {
-                window.$.request('test::onTest', {
-                    data: {
-                        test1: 'First',
-                        test2: 'Second'
-                    },
-                    success: function () {
-                        done()
-                    }
-                })
-
-                try {
-                    assert(
-                        requests[1].requestBody === 'test1=First&test2=Second',
-                        'Data incorrect or not included in request'
-                    )
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a successful response from the server
-                requests[1].respond(
-                    200,
-                    {
-                        'Content-Type': 'application/json'
-                    },
-                    JSON.stringify({
-                        'successful': true
-                    })
-                )
-            }
-        })
-
-        it('can call a beforeUpdate handler', function (done) {
-            const beforeUpdate = function (data, status, jqXHR) {
-            }
-            const beforeUpdateSpy = sinon.spy(beforeUpdate)
-
-            window.frameworkScript.onload = () => {
-                window.$.request('test::onTest', {
-                    beforeUpdate: beforeUpdateSpy
-                })
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a successful response from the server
-                requests[1].respond(
-                    200,
-                    {
-                        'Content-Type': 'application/json'
-                    },
-                    JSON.stringify({
-                        'successful': true
-                    })
-                )
-
-                try {
-                    assert(
-                        beforeUpdateSpy.withArgs(
-                            {
-                                'successful': true
-                            },
-                            'success'
-                        ).calledOnce
-                    )
-                    done()
-                } catch (e) {
-                    done(e)
-                }
-            }
-        })
-    })
-
-    describe('ajaxRequests through HTML attributes', function () {
-        let dom,
-            window,
-            xhr,
-            requests = []
-
-        this.timeout(1000)
-
-        beforeEach(() => {
-            // Load framework.js in the fake DOM
-            dom = fakeDom(
-                '<a ' +
-                    'id="standard" ' +
-                    'href="javascript:;" ' +
-                    'data-request="test::onTest" ' +
-                    'data-request-success="test(\'success\')" ' +
-                    'data-request-error="test(\'failure\')"' +
-                '></a>' +
-                '<a ' +
-                    'id="redirect" ' +
-                    'href="javascript:;" ' +
-                    'data-request="test::onTest" ' +
-                    'data-request-redirect="/test/success"' +
-                '></a>' +
-                '<a ' +
-                    'id="dataLink" ' +
-                    'href="javascript:;" ' +
-                    'data-request="test::onTest" ' +
-                    'data-request-data="test1: \'First\', test2: \'Second\'" ' +
-                    'data-request-success="test(\'success\')" ' +
-                    'data-request-before-update="beforeUpdateSpy($el.get(), data, textStatus)"' +
-                '></a>' +
-                '<div id="partialId" class="partialClass">Initial content</div>' +
-                '<script src="file://./node_modules/jquery/dist/jquery.js" id="jqueryScript"></script>' +
-                '<script src="file://./modules/system/assets/js/framework.js" id="frameworkScript"></script>',
-                {
-                    beforeParse: (window) => {
-                        // Mock XHR for tests below
-                        xhr = sinon.useFakeXMLHttpRequest()
-                        xhr.onCreate = (request) => {
-                            requests.push(request)
-                        }
-                        window.XMLHttpRequest = xhr
-
-                        // Add a stub for the request handlers
-                        window.test = sinon.stub()
-
-                        // Add a spy for the beforeUpdate handler
-                        window.beforeUpdate = function (element, data, status) {
-                        }
-                        window.beforeUpdateSpy = sinon.spy(window.beforeUpdate)
-
-                        // Stub out window.alert
-                        window.alert = sinon.stub()
-
-                        // Allow window.location.assign() to be stubbed
-                        delete window.location
-                        window.location = {
-                            href: 'https://winter.example.org/',
-                            assign: sinon.stub()
-                        }
-                    }
-                }
-            )
-            window = dom.window
-
-            // Enable CORS on jQuery
-            window.jqueryScript.onload = () => {
-                window.jQuery.support.cors = true
-            }
-        })
-
-        afterEach(() => {
-            // Close window and restore XHR functionality to default
-            window.XMLHttpRequest = sinon.xhr.XMLHttpRequest
-            window.close()
-            requests = []
-        })
-
-        it('can make a successful AJAX request', function (done) {
-            window.frameworkScript.onload = () => {
-                window.test.callsFake((response) => {
-                    assert(response === 'success', 'Response handler was not "success"')
-                    done()
-                })
-
-                window.$('a#standard').click()
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a successful response from the server
-                requests[1].respond(
-                    200,
-                    {
-                        'Content-Type': 'application/json'
-                    },
-                    JSON.stringify({
-                        'successful': true
-                    })
-                )
-            }
-        })
-
-        it('can make an unsuccessful AJAX request', function (done) {
-            window.frameworkScript.onload = () => {
-                window.test.callsFake((response) => {
-                    assert(response === 'failure', 'Response handler was not "failure"')
-                    done()
-                })
-
-                window.$('a#standard').click()
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a 404 Not Found response from the server
-                requests[1].respond(
-                    404,
-                    {
-                        'Content-Type': 'text/html'
-                    },
-                    ''
-                )
-            }
-        })
-
-
-        it('can update a partial via an ID selector', function (done) {
-            window.frameworkScript.onload = () => {
-                window.test.callsFake(() => {
-                    let partialContent = dom.window.document.getElementById('partialId').textContent
-                    try {
-                        assert(
-                            partialContent === 'Content passed through AJAX',
-                            'Partial content incorrect - ' +
-                            'expected "Content passed through AJAX", ' +
-                            'found "' + partialContent + '"'
-                        )
-                        done()
-                    } catch (e) {
-                        done(e)
-                    }
-                })
-
-                window.$('a#standard').click()
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a response from the server that includes a partial change via ID
-                requests[1].respond(
-                    200,
-                    {
-                        'Content-Type': 'application/json'
-                    },
-                    JSON.stringify({
-                        '#partialId': 'Content passed through AJAX'
-                    })
-                )
-            }
-        })
-
-        it('can update a partial via a class selector', function (done) {
-            window.frameworkScript.onload = () => {
-                window.test.callsFake(() => {
-                    let partialContent = dom.window.document.getElementById('partialId').textContent
-                    try {
-                        assert(
-                            partialContent === 'Content passed through AJAX',
-                            'Partial content incorrect - ' +
-                            'expected "Content passed through AJAX", ' +
-                            'found "' + partialContent + '"'
-                        )
-                        done()
-                    } catch (e) {
-                        done(e)
-                    }
-                })
-
-                window.$('a#standard').click()
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a response from the server that includes a partial change via a class
-                requests[1].respond(
-                    200,
-                    {
-                        'Content-Type': 'application/json'
-                    },
-                    JSON.stringify({
-                        '.partialClass': 'Content passed through AJAX'
-                    })
-                )
-            }
-        })
-
-        it('can redirect after a successful AJAX request', function (done) {
-            this.timeout(1000)
-
-            // Detect a redirect
-            window.location.assign.callsFake((url) => {
-                try {
-                    assert(
-                        url === '/test/success',
-                        'Non-matching redirect URL'
-                    )
-                    done()
-                } catch (e) {
-                    done(e)
-                }
-            })
-
-            window.frameworkScript.onload = () => {
-                window.$('a#redirect').click()
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a successful response from the server
-                requests[1].respond(
-                    200,
-                    {
-                        'Content-Type': 'application/json'
-                    },
-                    JSON.stringify({
-                        'succesful': true
-                    })
-                )
-            }
-        })
-
-        it('can send extra data with the AJAX request', function (done) {
-            this.timeout(1000)
-
-            window.frameworkScript.onload = () => {
-                window.test.callsFake((response) => {
-                    assert(response === 'success', 'Response handler was not "success"')
-                    done()
-                })
-
-                window.$('a#dataLink').click()
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a successful response from the server
-                requests[1].respond(
-                    200,
-                    {
-                        'Content-Type': 'application/json'
-                    },
-                    JSON.stringify({
-                        'succesful': true
-                    })
-                )
-            }
-        })
-
-        it('can call a beforeUpdate handler', function (done) {
-            this.timeout(1000)
-
-            window.frameworkScript.onload = () => {
-                window.test.callsFake((response) => {
-                    assert(response === 'success', 'Response handler was not "success"')
-                })
-
-                window.$('a#dataLink').click()
-
-                try {
-                    assert(
-                        requests[1].requestHeaders['X-WINTER-REQUEST-HANDLER'] === 'test::onTest',
-                        'Incorrect Winter request handler'
-                    )
-                } catch (e) {
-                    done(e)
-                }
-
-                // Mock a successful response from the server
-                requests[1].respond(
-                    200,
-                    {
-                        'Content-Type': 'application/json'
-                    },
-                    JSON.stringify({
-                        'successful': true
-                    })
-                )
-
-                try {
-                    assert(
-                        window.beforeUpdateSpy.withArgs(
-                            window.$('a#dataLink').get(),
-                            {
-                                'successful': true
-                            },
-                            'success'
-                        ).calledOnce,
-                        'beforeUpdate handler never called, or incorrect arguments provided'
-                    )
-                    done()
-                } catch (e) {
-                    done(e)
-                }
-            }
-        })
-    })
-})
diff --git a/tests/js/cases/system/ui.select.test.js b/tests/js/cases/system/ui.select.test.js
deleted file mode 100644
index 17f854789e..0000000000
--- a/tests/js/cases/system/ui.select.test.js
+++ /dev/null
@@ -1,111 +0,0 @@
-import { assert } from 'chai'
-import fakeDom from 'helpers/fakeDom'
-
-describe('modules/system/assets/ui/js/select.js', function () {
-    describe('AJAX processResults function', function () {
-        let dom,
-            window,
-            processResults,
-            keyValResultFormat = {
-                value1: 'text1',
-                value2: 'text2'
-            },
-            select2ResultFormat = [
-                {
-                    id: 'value1',
-                    text: 'text1',
-                    disabled: true
-                },
-                {
-                    id: 'value2',
-                    text: 'text2',
-                    selected: false
-                }
-            ]
-
-        this.timeout(1000)
-
-        beforeEach((done) => {
-            // Load framework.js and select.js in the fake DOM
-            dom = fakeDom(`
-                    <select class="custom-select" data-handler="onSearch"></select>
-                    <script src="file://./node_modules/jquery/dist/jquery.js" id="jqueryScript"></script>
-                    <script src="file://./modules/system/assets/js/framework.js" id="frameworkScript"></script>
-                    <script src="file://./modules/system/assets/ui/js/select.js" id="selectScript"></script>
-            `)
-
-            window = dom.window
-
-            window.selectScript.onload = () => {
-                window.jQuery.fn.select2 = function(options) {
-                    processResults = options.ajax.processResults
-                    done()
-                }
-            }
-        })
-
-        afterEach(() => {
-            window.close()
-        })
-
-        it('supports a key-value mapping on the "result" key', function () {
-            let result = processResults({ result: keyValResultFormat })
-            assert.deepEqual(result, { results: [
-                {
-                    id: 'value1',
-                    text: 'text1'
-                },
-                {
-                    id: 'value2',
-                    text: 'text2'
-                }
-            ]})
-        })
-
-        it('supports a key-value mapping on the "results" key', function() {
-            let result = processResults({ results: keyValResultFormat })
-            assert.deepEqual(result, { results: [
-                {
-                    id: 'value1',
-                    text: 'text1'
-                },
-                {
-                    id: 'value2',
-                    text: 'text2'
-                }
-            ]})
-        })
-
-        it('passes through other data provided with key-value mapping', function() {
-            let result = processResults({ result: keyValResultFormat, other1: 1, other2: '2' })
-            assert.include(result, { other1: 1, other2: '2'})
-        })
-
-        it('supports the Select2 result format on the "result" key', function() {
-            let result = processResults({ result: select2ResultFormat })
-            assert.deepEqual(result, { results: select2ResultFormat })
-        })
-
-        it('passes through the Select2 result format on the "results" key', function() {
-            let result = processResults({ results: select2ResultFormat })
-            assert.deepEqual(result, { results: select2ResultFormat })
-        })
-
-        it('passes through other data provided with Select2 results format', function() {
-            let result = processResults({ results: select2ResultFormat, pagination: { more: true }, other: 'value' })
-            assert.deepInclude(result, { pagination: { more: true }, other: 'value' })
-        })
-
-        it('passes through the Select2 format with a group as the first entry', function() {
-            let data = [
-                {
-                    text: 'Label',
-                    children: select2ResultFormat
-                }
-            ]
-
-            let result = processResults({ results: data })
-            assert.deepEqual(result, { results: data })
-        })
-    })
-})
diff --git a/tests/js/fixtures/framework/TestListener.js b/tests/js/fixtures/framework/TestListener.js
new file mode 100644
index 0000000000..5bd4f6bffb
--- /dev/null
+++ b/tests/js/fixtures/framework/TestListener.js
@@ -0,0 +1,18 @@
+/* globals window */
+
+((Snowboard) => {
+    class TestListener extends Snowboard.Singleton {
+        listens() {
+            return {
+                eventOne: 'eventOne',
+                eventTwo: 'notExists'
+            };
+        }
+
+        eventOne(arg) {
+            this.eventResult = 'Event called with arg ' + arg;
+        }
+    }
+
+    Snowboard.addPlugin('test', TestListener);
+})(window.Snowboard);
diff --git a/tests/js/fixtures/framework/TestPlugin.js b/tests/js/fixtures/framework/TestPlugin.js
new file mode 100644
index 0000000000..568d6a6b93
--- /dev/null
+++ b/tests/js/fixtures/framework/TestPlugin.js
@@ -0,0 +1,11 @@
+/* globals window */
+
+((Snowboard) => {
+    class TestPlugin extends Snowboard.PluginBase {
+        testMethod() {
+            return 'Tested';
+        }
+    }
+
+    Snowboard.addPlugin('test', TestPlugin);
+})(window.Snowboard);
diff --git a/tests/js/fixtures/framework/TestPromiseListener.js b/tests/js/fixtures/framework/TestPromiseListener.js
new file mode 100644
index 0000000000..1126ed93ef
--- /dev/null
+++ b/tests/js/fixtures/framework/TestPromiseListener.js
@@ -0,0 +1,28 @@
+/* globals window */
+
+((Snowboard) => {
+    class TestPromiseListener extends Snowboard.Singleton {
+        listens() {
+            return {
+                promiseOne: 'promiseOne',
+                promiseTwo: 'promiseTwo'
+            };
+        }
+
+        promiseOne(arg) {
+            return new Promise((resolve) => {
+                window.setTimeout(() => {
+                    this.eventResult = 'Event called with arg ' + arg;
+                    resolve();
+                }, 500);
+            });
+        }
+
+        promiseTwo(arg) {
+            this.eventResult = 'Promise two called with arg ' + arg;
+            return true;
+        }
+    }
+
+    Snowboard.addPlugin('test', TestPromiseListener);
+})(window.Snowboard);
diff --git a/tests/js/fixtures/framework/TestSingleton.js b/tests/js/fixtures/framework/TestSingleton.js
new file mode 100644
index 0000000000..45989248bf
--- /dev/null
+++ b/tests/js/fixtures/framework/TestSingleton.js
@@ -0,0 +1,11 @@
+/* globals window */
+
+((Snowboard) => {
+    class TestSingleton extends Snowboard.Singleton {
+        testMethod() {
+            return 'Tested';
+        }
+    }
+
+    Snowboard.addPlugin('test', TestSingleton);
+})(window.Snowboard);
diff --git a/tests/js/helpers/FakeDom.js b/tests/js/helpers/FakeDom.js
new file mode 100644
index 0000000000..42d5302785
--- /dev/null
+++ b/tests/js/helpers/FakeDom.js
@@ -0,0 +1,156 @@
+/* globals __dirname, URL */
+
+import { JSDOM } from 'jsdom'
+import path from 'path'
+
+export default class FakeDom
+{
+    constructor(content, options)
+    {
+        if (options === undefined) {
+            options = {}
+        }
+
+        // Header settings
+        this.url = options.url || `file://${path.resolve(__dirname, '../../')}`
+        this.referer = options.referer
+        this.contentType = options.contentType || 'text/html'
+
+        // Content settings
+        this.head = options.head || '<!DOCTYPE html><html><head><title>Fake document</title></head>'
+        this.bodyStart = options.bodyStart || '<body>'
+        this.content = content || ''
+        this.bodyEnd = options.bodyEnd || '</body>'
+        this.foot = options.foot || '</html>'
+
+        // Callback settings
+        this.beforeParse = (typeof options.beforeParse === 'function')
+            ? options.beforeParse
+            : undefined
+
+        // Scripts
+        this.scripts = []
+        this.inline = []
+    }
+
+    static new(content, options)
+    {
+        return new FakeDom(content, options)
+    }
+
+    setContent(content)
+    {
+        this.content = content
+        return this
+    }
+
+    addScript(script, id)
+    {
+        if (Array.isArray(script)) {
+            script.forEach((item) => {
+                this.addScript(item)
+            })
+
+            return this
+        }
+
+        let url = new URL(script, this.url)
+        let base = new URL(this.url)
+
+        if (url.host === base.host) {
+            this.scripts.push({
+                url: `${url.pathname}`,
+                id: id || this.generateId(),
+            })
+        } else {
+            this.scripts.push({
+                url,
+                id: id || this.generateId(),
+            })
+        }
+
+        return this
+    }
+
+    addInlineScript(script, id)
+    {
+        this.inline.push({
+            script,
+            id: id || this.generateId(),
+            element: null,
+        })
+
+        return this
+    }
+
+    generateId()
+    {
+        let id = 'script-'
+        let chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_-'
+        let charLength = chars.length
+
+        for (let i = 0; i < 10; i++) {
+            let currentChar = chars.substr(Math.floor(Math.random() * charLength), 1)
+            id = `${id}${currentChar}`
+        }
+
+        return id
+    }
+
+    render(content)
+    {
+        if (content) {
+            this.content = content;
+        }
+        return new Promise((resolve, reject) => {
+            try {
+                const dom = new JSDOM(
+                    this._renderContent(),
+                    {
+                        url: this.url,
+                        referrer: this.referer,
+                        contentType: this.contentType,
+                        includeNodeLocations: true,
+                        runScripts: 'dangerously',
+                        resources: 'usable',
+                        pretendToBeVisual: true,
+                        beforeParse: this.beforeParse,
+                    }
+                )
+
+                dom.window.resolver = () => {
+                    resolve(dom)
+                }
+            } catch (e) {
+                reject(e)
+            }
+        })
+    }
+
+    _renderContent()
+    {
+        // Create content list
+        const content = [
+            this.head,
+            this.bodyStart,
+            this.content,
+        ]
+
+        // Embed scripts
+        this.scripts.forEach((script) => {
+            content.push(`<script src="${script.url}" id="${script.id}"></script>`)
+        })
+        this.inline.forEach((script) => {
+            content.push(`<script id="${script.id}">${script.script}</script>`)
+        })
+
+        // Add resolver
+        content.push(`<script>window.resolver()</script>`)
+
+        // Add final content
+        content.push(this.bodyEnd)
+        content.push(this.foot)
+
+        return content.join('\n')
+    }
+}
diff --git a/tests/js/helpers/fakeDom.js b/tests/js/helpers/fakeDom.js
deleted file mode 100644
index 13757a91c3..0000000000
--- a/tests/js/helpers/fakeDom.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import { JSDOM } from 'jsdom'
-
-const defaults = {
-    url: 'https://winter.example.org/',
-    referer: null,
-    contentType: 'text/html',
-    head: '<!DOCTYPE html><html><head><title>Fake document</title></head>',
-    bodyStart: '<body>',
-    bodyEnd: '</body>',
-    foot: '</html>',
-    beforeParse: null
-}
-
-const fakeDom = (content, options) => {
-    const settings = Object.assign({}, defaults, options)
-
-    const dom = new JSDOM(
-        settings.head +
-        settings.bodyStart +
-        (content + '') +
-        settings.bodyEnd +
-        settings.foot,
-        {
-            url: settings.url,
-            referrer: settings.referer || undefined,
-            contentType: settings.contenType,
-            includeNodeLocations: true,
-            runScripts: 'dangerously',
-            resources: 'usable',
-            pretendToBeVisual: true,
-            beforeParse: (typeof settings.beforeParse === 'function')
-                ? settings.beforeParse
-                : undefined
-        }
-    )
-
-    return dom
-}
-
-export default fakeDom
diff --git a/tests/js/jest.config.js b/tests/js/jest.config.js
new file mode 100644
index 0000000000..1363597d68
--- /dev/null
+++ b/tests/js/jest.config.js
@@ -0,0 +1,194 @@
+/*
+ * For a detailed explanation regarding each configuration property, visit:
+ * https://jestjs.io/docs/configuration
+ */
+
+module.exports = {
+    // All imported modules in your tests should be mocked automatically
+    // automock: false,
+
+    // Stop running tests after `n` failures
+    // bail: 0,
+
+    // The directory where Jest should store its cached dependency information
+    // cacheDirectory: "/private/var/folders/81/m6w95r0j7ms_10c47hdbz4gw0000gn/T/jest_dx",
+
+    // Automatically clear mock calls, instances and results before every test
+    clearMocks: true,
+
+    // Indicates whether the coverage information should be collected while executing the test
+    // collectCoverage: false,
+
+    // An array of glob patterns indicating a set of files for which coverage information should be collected
+    // collectCoverageFrom: undefined,
+
+    // The directory where Jest should output its coverage files
+    // coverageDirectory: undefined,
+
+    // An array of regexp pattern strings used to skip coverage collection
+    // coveragePathIgnorePatterns: [
+    //   "/node_modules/"
+    // ],
+
+    // Indicates which provider should be used to instrument code for coverage
+    // coverageProvider: "babel",
+
+    // A list of reporter names that Jest uses when writing coverage reports
+    // coverageReporters: [
+    //   "json",
+    //   "text",
+    //   "lcov",
+    //   "clover"
+    // ],
+
+    // An object that configures minimum threshold enforcement for coverage results
+    // coverageThreshold: undefined,
+
+    // A path to a custom dependency extractor
+    // dependencyExtractor: undefined,
+
+    // Make calling deprecated APIs throw helpful error messages
+    // errorOnDeprecated: false,
+
+    // Force coverage collection from ignored files using an array of glob patterns
+    // forceCoverageMatch: [],
+
+    // A path to a module which exports an async function that is triggered once before all test suites
+    // globalSetup: undefined,
+
+    // A path to a module which exports an async function that is triggered once after all test suites
+    // globalTeardown: undefined,
+
+    // A set of global variables that need to be available in all test environments
+    // globals: {},
+
+    // The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
+    // maxWorkers: "50%",
+
+    // An array of directory names to be searched recursively up from the requiring module's location
+    // moduleDirectories: [
+    //   "node_modules"
+    // ],
+
+    // An array of file extensions your modules use
+    // moduleFileExtensions: [
+    //   "js",
+    //   "jsx",
+    //   "ts",
+    //   "tsx",
+    //   "json",
+    //   "node"
+    // ],
+
+    // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
+    // moduleNameMapper: {},
+
+    // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
+    // modulePathIgnorePatterns: [],
+
+    // Activates notifications for test results
+    // notify: false,
+
+    // An enum that specifies notification mode. Requires { notify: true }
+    // notifyMode: "failure-change",
+
+    // A preset that is used as a base for Jest's configuration
+    // preset: undefined,
+
+    // Run tests from one or more projects
+    // projects: undefined,
+
+    // Use this configuration option to add custom reporters to Jest
+    // reporters: undefined,
+
+    // Automatically reset mock state before every test
+    // resetMocks: false,
+
+    // Reset the module registry before running each individual test
+    // resetModules: false,
+
+    // A path to a custom resolver
+    // resolver: undefined,
+
+    // Automatically restore mock state and implementation before every test
+    // restoreMocks: false,
+
+    // The root directory that Jest should scan for tests and modules within
+    // rootDir: undefined,
+
+    // A list of paths to directories that Jest should use to search for files in
+    // roots: [
+    //   "<rootDir>"
+    // ],
+
+    // Allows you to use a custom runner instead of Jest's default test runner
+    // runner: "jest-runner",
+
+    // The paths to modules that run some code to configure or set up the testing environment before each test
+    // setupFiles: [],
+
+    // A list of paths to modules that run some code to configure or set up the testing framework before each test
+    // setupFilesAfterEnv: [],
+
+    // The number of seconds after which a test is considered as slow and reported as such in the results.
+    // slowTestThreshold: 5,
+
+    // A list of paths to snapshot serializer modules Jest should use for snapshot testing
+    // snapshotSerializers: [],
+
+    // The test environment that will be used for testing
+    // testEnvironment: "jest-environment-node",
+
+    // Options that will be passed to the testEnvironment
+    // testEnvironmentOptions: {},
+
+    // Adds a location field to test results
+    // testLocationInResults: false,
+
+    // The glob patterns Jest uses to detect test files
+    // testMatch: [
+    //   "**/__tests__/**/*.[jt]s?(x)",
+    //   "**/?(*.)+(spec|test).[tj]s?(x)"
+    // ],
+
+    // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
+    // testPathIgnorePatterns: [
+    //   "/node_modules/"
+    // ],
+
+    // The regexp pattern or array of patterns that Jest uses to detect test files
+    // testRegex: [],
+
+    // This option allows the use of a custom results processor
+    // testResultsProcessor: undefined,
+
+    // This option allows use of a custom test runner
+    // testRunner: "jest-circus/runner",
+
+    // This option sets the URL for the jsdom environment. It is reflected in properties such as location.href
+    // testURL: "http://localhost",
+
+    // Setting this value to "fake" allows the use of fake timers for functions such as "setTimeout"
+    // timers: "real",
+
+    // A map from regular expressions to paths to transformers
+    // transform: undefined,
+
+    // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
+    // transformIgnorePatterns: [
+    //   "/node_modules/",
+    //   "\\.pnp\\.[^\\/]+$"
+    // ],
+
+    // An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
+    // unmockedModulePathPatterns: undefined,
+
+    // Indicates whether each individual test should be reported during the run
+    // verbose: undefined,
+
+    // An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
+    // watchPathIgnorePatterns: [],
+
+    // Whether to use watchman for file crawling
+    // watchman: true,
+};
diff --git a/tests/js/package.json b/tests/js/package.json
new file mode 100644
index 0000000000..650f38698f
--- /dev/null
+++ b/tests/js/package.json
@@ -0,0 +1,37 @@
+{
+    "name": "@wintercms/tests",
+    "description": "Test cases for the Winter JavaScript framework",
+    "private": true,
+    "scripts": {
+        "test": "jest"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/wintercms/winter.git"
+    },
+    "contributors": [
+        {
+            "name": "Ben Thomson",
+            "email": "git@alfreido.com"
+        },
+        {
+            "name": "Winter CMS Maintainers",
+            "url": "https://wintercms.com/"
+        }
+    ],
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/wintercms/winter/issues"
+    },
+    "homepage": "https://wintercms.com/",
+    "devDependencies": {
+        "@babel/core": "^7.16.0",
+        "@babel/plugin-transform-runtime": "^7.16.4",
+        "@babel/preset-env": "^7.16.4",
+        "@babel/register": "^7.16.0",
+        "@babel/runtime": "^7.16.3",
+        "babel-plugin-module-resolver": "^4.1.0",
+        "jest": "^27.4.3",
+        "jsdom": "^18.1.1"
+    }
+}
diff --git a/themes/demo/layouts/default.htm b/themes/demo/layouts/default.htm
index 56dbaa99d4..0d3e3ff1ef 100644
--- a/themes/demo/layouts/default.htm
+++ b/themes/demo/layouts/default.htm
@@ -36,7 +36,7 @@
         <script src="{{ 'assets/vendor/jquery.js'|theme }}"></script>
         <script src="{{ 'assets/vendor/bootstrap.js'|theme }}"></script>
         <script src="{{ 'assets/javascript/app.js'|theme }}"></script>
-        {% framework extras %}
+        {% snowboard all %}
         {% scripts %}
 
     </body>
diff --git a/themes/demo/pages/ajax.htm b/themes/demo/pages/ajax.htm
index 9d82ab8430..de7a4e9b16 100644
--- a/themes/demo/pages/ajax.htm
+++ b/themes/demo/pages/ajax.htm
@@ -5,9 +5,14 @@
 <?php
 function onTest()
 {
-    $value1 = input('value1');
-    $value2 = input('value2');
-    $operation = input('operation');
+    $value1 = input('value1', '');
+    $value2 = input('value2', '');
+    $operation = input('operation', '');
+
+    if (!is_numeric($value1) || $value1 === '' || !is_numeric($value2) || $value2 === '') {
+        $this['result'] = null;
+        return;
+    }
 
     switch ($operation) {
         case '+' :
@@ -45,14 +50,14 @@ <h3 class="panel-title">Calculator</h3>
         </div>
         <div class="panel-body">
             <form role="form" class="form-inline" data-request="onTest" data-request-update="calcresult: '#result'">
-                <input type="text" class="form-control" value="15" name="value1" style="width:100px">
-                <select class="form-control" name="operation" style="width: 70px">
+                <input type="text" class="form-control" value="15" name="value1" style="width:100px" data-track-input>
+                <select class="form-control" name="operation" style="width: 70px" data-track-input>
                     <option>+</option>
                     <option>-</option>
                     <option>*</option>
                     <option>/</option>
                 </select>
-                <input type="text" class="form-control" value="5" name="value2" style="width:100px">
+                <input type="text" class="form-control" value="5" name="value2" style="width:100px" data-track-input>
                 <button type="submit" class="btn btn btn-primary" data-attach-loading>Calculate</button>
             </form>
         </div>